*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Inter',sans-serif;

background:#F6F8FC;

min-height:100vh;

color:#1E0C42;

overflow-x:hidden;

}

.br-background{

position:fixed;

top:-250px;

right:-250px;

width:650px;

height:650px;

border-radius:50%;

background:linear-gradient(135deg,#1E0C42,#6D42D8);

opacity:.06;

z-index:-1;

}

.br-wrapper{

max-width:560px;

margin:auto;

min-height:100vh;

display:flex;

flex-direction:column;

justify-content:center;

padding:25px;

}

.br-logo{

text-align:center;

margin-bottom:35px;

}

.br-logo img{

width:220px;

}

.br-card{

background:#fff;

border-radius:28px;

padding:42px;

border:1px solid #ECEEF5;

box-shadow:

0 25px 60px rgba(30,12,66,.08);

}

.br-top{

display:flex;

justify-content:space-between;

align-items:flex-start;

margin-bottom:25px;

}

.br-step{

font-size:12px;

font-weight:700;

letter-spacing:1px;

color:#6D42D8;

margin-bottom:8px;

}

h1{

font-size:34px;

font-weight:800;

line-height:1.15;

}

.br-percent{

font-size:15px;

font-weight:700;

color:#7A7A92;

}

.br-progress{

height:10px;

background:#ECEEF5;

border-radius:40px;

overflow:hidden;

margin-bottom:25px;

}

.br-progress-fill{

width:20%;

height:100%;

background:linear-gradient(90deg,#1E0C42,#6D42D8);

}

.br-chip{

display:inline-flex;

align-items:center;

gap:8px;

padding:10px 18px;

background:#F2EEFD;

border-radius:30px;

font-size:14px;

font-weight:600;

color:#5B37C7;

margin-bottom:25px;

}

.br-description{

font-size:16px;

line-height:1.8;

color:#667085;

text-align:justify;

text-justify:inter-word;

margin-bottom:28px;

}

.br-alert{

background:#FFF8E8;

border:1px solid #FFD783;

border-radius:18px;

padding:22px;

margin-bottom:30px;

}

.br-alert-title{

font-weight:700;

display:flex;

align-items:center;

gap:10px;

color:#9A6300;

margin-bottom:15px;

}

.br-alert ul{

padding-left:18px;

}

.br-alert li{

margin-bottom:10px;

color:#5F5A45;

line-height:1.6;

}

.br-btn{

width:100%;

height:58px;

border:none;

border-radius:16px;

background:linear-gradient(135deg,#1E0C42,#4D2AB7);

color:white;

font-size:17px;

font-weight:700;

cursor:pointer;

display:flex;

align-items:center;

justify-content:center;

gap:10px;

transition:.30s;

box-shadow:0 15px 30px rgba(30,12,66,.20);

}

.br-btn:hover{

transform:translateY(-2px);

box-shadow:0 25px 45px rgba(30,12,66,.28);

}

.br-footer{

text-align:center;

margin-top:25px;

font-size:13px;

color:#8B8EA6;

}

@media(max-width:576px){

.br-wrapper{

padding:16px;

}

.br-card{

padding:28px;

border-radius:22px;

}

.br-logo img{

width:180px;

}

h1{

font-size:28px;

}

.br-description{

font-size:15px;

}

}



.br-search{

position:relative;

margin-bottom:25px;

}

.br-search i{

position:absolute;

left:20px;

top:50%;

transform:translateY(-50%);

font-size:20px;

color:#8A8FA3;

}

.br-search input{

width:100%;

height:64px;

padding:0 20px 0 58px;

border:2px solid #E4E8F2;

border-radius:18px;

background:#FAFBFD;

font-size:16px;

font-family:'Inter',sans-serif;

transition:.25s;

outline:none;

}

.br-search input:hover{

border-color:#CFC8F8;

}

.br-search input:focus{

background:#fff;

border-color:#5B37C7;

box-shadow:0 0 0 5px rgba(91,55,199,.12);

}

.br-error{

margin-bottom:25px;

padding:16px;

border-radius:14px;

background:#FFF2F2;

border:1px solid #F5C2C7;

color:#B42318;

font-size:15px;

display:flex;

align-items:center;

gap:10px;

font-weight:500;

}


.br-warning{

background:#FFF8E8;

border:1px solid #FFD783;

border-radius:18px;

padding:20px;

margin-bottom:25px;

transition:.4s;

}

.br-warning-title{

font-weight:700;

margin-bottom:10px;

color:#8A5A00;

display:flex;

align-items:center;

gap:10px;

}

.br-warning p{

margin-bottom:18px;

color:#6C5A2B;

line-height:1.6;

}

.br-btn-secondary{

display:flex;

justify-content:center;

align-items:center;

text-decoration:none;

height:52px;

font-size:15px;

}



.br-success{

background:#ECFDF3;

border:1px solid #ABEFC6;

padding:20px;

border-radius:18px;

margin-bottom:25px;

animation:fade .3s;

}

.br-success-title{

display:flex;

align-items:center;

gap:10px;

font-weight:700;

color:#067647;

margin-bottom:10px;

}

.br-warning{

background:#FFF8E8;

border:1px solid #FFD783;

padding:20px;

border-radius:18px;

margin-bottom:25px;

animation:fade .3s;

}

.br-warning-title{

display:flex;

align-items:center;

gap:10px;

font-weight:700;

color:#9A6300;

margin-bottom:10px;

}

.br-btn:disabled{

opacity:.5;

cursor:not-allowed;

box-shadow:none;

}



.br-section{

margin-top:10px;

margin-bottom:25px;

}

.br-section h3{

font-size:20px;

font-weight:700;

color:#1E0C42;

margin-bottom:25px;

}

.br-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

margin-bottom:35px;

}

.br-full{

grid-column:1 / -1;

}

.br-field{

display:flex;

flex-direction:column;

}

.br-field label{

font-size:14px;

font-weight:600;

color:#4B5563;

margin-bottom:8px;

}

.br-input{

display:block;

width:100%;

height:56px;

padding:0 16px;

border:2px solid #E6EAF2;

border-radius:14px;

background:#FAFBFD;

font-family:'Inter',sans-serif;

font-size:15px;

color:#1E0C42;

outline:none;

appearance:none;

-webkit-appearance:none;

box-sizing:border-box;

transition:.25s;

}

.br-input:focus{

outline:none;

border-color:#5B37C7;

background:#fff;

box-shadow:0 0 0 5px rgba(91,55,199,.10);

}

.br-input[readonly]{

background:#F5F7FA;

color:#6B7280;

cursor:not-allowed;

}

@media(max-width:768px){

.br-grid{

grid-template-columns:1fr;

}

}



.br-schedule{

display:flex;

flex-direction:column;

gap:20px;

margin-bottom:35px;

}

.br-day{

background:#F8F9FD;

border:1px solid #E8EBF5;

border-radius:18px;

padding:22px;

}

.br-day-title{

font-size:17px;

font-weight:700;

margin-bottom:18px;

color:#1E0C42;

}

.br-hours{

display:grid;

grid-template-columns:1fr auto 1fr;

gap:15px;

align-items:center;

}

.br-hours span{

font-weight:700;

color:#6B7280;

text-align:center;

}

.br-switch{

margin-bottom:18px;

}

.br-switch label{

display:flex;

align-items:center;

gap:10px;

font-size:15px;

cursor:pointer;

}

.br-switch input{

width:18px;

height:18px;

}

@media(max-width:576px){

.br-hours{

grid-template-columns:1fr;

}

.br-hours span{

display:none;

}

}