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

body{
background:#0a0d16;
color:white;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
max-width:1100px;
margin:auto;
padding:20px;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;
}

.logo img{
    height:90px;
    display:block;
}

.support-btn{
background:#1e73ff;
color:white;
text-decoration:none;
padding:15px 24px;
border-radius:18px;
font-weight:600;
}

h1{
font-size:42px;
margin-bottom:30px;
}

.region-tabs{
display:flex;
gap:12px;
margin-bottom:35px;
}

.region{
background:#151c2d;
border:none;
color:white;
padding:14px 22px;
border-radius:18px;
font-size:15px;
cursor:pointer;
}

.region.active{
background:#1e73ff;
}

.gift-card{
display:flex;
align-items:center;
gap:20px;
background:#111827;
border:1px solid #1d2947;
border-radius:26px;
padding:18px;
margin-bottom:18px;
}

.gift-card img{
width:100px;
border-radius:18px;
}

.gift-info h2{
margin-bottom:8px;
font-size:24px;
}

.price{
color:#1e73ff;
font-size:28px;
font-weight:700;
}

.benefits{
margin-top:40px;
display:flex;
flex-direction:column;
gap:15px;
background:#111827;
padding:25px;
border-radius:24px;
}

.confirm{
    display:flex;
    gap:15px;
    margin-top:35px;
    line-height:1.6;
    font-size:12px !important;
    font-weight:400;
    color:#9aa0b2;
}
.confirm input{
    width:18px;
    height:18px;
    flex-shrink:0;
}

.buy-btn{
width:100%;
margin-top:30px;
border:none;
background:#1e73ff;
color:white;
padding:20px;
border-radius:20px;
font-size:18px;
font-weight:700;
cursor:pointer;
}

footer{
    margin-top:70px;
    display:flex;
    justify-content:center;
    gap:20px;
}

footer a{
    color:#2d7dff;
    text-decoration:none;
}

.tabs{
display:flex;
gap:12px;
margin-bottom:25px;
}
.tabs a{
    color:#2d7dff !important;
    text-decoration:none;
}

.tabs a:visited{
    color:#2d7dff !important;
}

.tabs a:hover{
    color:#4b8dff !important;
}

.tab{
background:#151c2d;
border:none;
color:white;
padding:12px 18px;
border-radius:16px;
font-size:14px;
}

.tab.active{
background:#1e73ff;
}

.service-card{
display:flex;
align-items:center;
gap:20px;
max-width:550px;
background:#111827;
border:1px solid #1d2947;
border-radius:26px;
padding:20px;
text-decoration:none;
color:white;
}

.service-card img{
width:100px;
border-radius:18px;
}

.service-card p{
color:#b8c1d1;
margin-top:8px;
}

@media(max-width:768px){

.logo img{
height:55px;
}

h1{
font-size:32px;
}

.gift-card{
flex-direction:column;
align-items:flex-start;
}

.gift-card img{
width:130px;
}

}.top-buttons{
display:flex;
gap:10px;
align-items:center;
}

#theme-toggle{
width:38px;
height:38px;
border:none;
border-radius:12px;
background:#151c2d;
color:white;
font-size:16px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
padding:0;
}
width:55px;
height:55px;
border:none;
border-radius:18px;
background:#151c2d;
color:white;
font-size:24px;
cursor:pointer;
}body.light{
background:white;
color:black;
}

body.light .gift-card,
body.light .benefits,
body.light .service-card{
background:#f3f3f3;
border-color:#ddd;
}

body.light #theme-toggle{
background:#e5e5e5;
color:black;
}.top-buttons{
display:flex;
align-items:center;
gap:10px;
}

#theme-toggle{
width:44px;
height:44px;
border:none;
border-radius:14px;
background:#151c2d;
color:white;
font-size:20px;
cursor:pointer;
}

body.light{
background:#ffffff;
color:#111;
}

body.light .gift-card,
body.light .benefits,
body.light .service-card{
background:#f3f3f3;
border:1px solid #ddd;
}

body.light .tab,
body.light .region{
background:#ececec;
color:black;
}

body.light #theme-toggle{
background:#e5e5e5;
color:black;
}body.light h1,
body.light h2,
body.light p{
color:#111;
}

body.light .service-card{
background:#f7f7f7;
border:1px solid #ddd;
}

body.light .service-card p{
color:#666;
}

body.light .support-btn{
color:white;
}

body.light footer a{
color:#4b7cff;
}#theme-toggle{
width:34px !important;
height:34px !important;
border:none !important;
border-radius:50% !important;
background:#151c2d !important;
color:white !important;
font-size:14px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
}

body.light #theme-toggle{
background:#e5e5e5 !important;
color:black !important;
}.buy-button{
width:100% !important;
height:52px !important;
border:none !important;
border-radius:28px !important;
background:#2d2d2d !important;
color:#888 !important;
font-size:16px !important;
font-weight:700 !important;
cursor:not-allowed !important;
margin-top:20px !important;
transition:0.3s !important;
}

.buy-button.active{
background:#0d6efd !important;
color:white !important;
cursor:pointer !important;
}.selected-card{
border:2px solid #0d6efd !important;
box-shadow:0 0 20px rgba(13,110,253,.4);
.input-field{
width:100%;
padding:18px 22px;
font-size:20px;
font-weight:500;
background:#141827;
border:2px solid #26355d;
border-radius:24px;
color:#fff;
outline:none;
box-sizing:border-box;
transition:.2s;
}

.input-field::placeholder{
color:#7c86a3;
}

.input-field:focus{
border-color:#4b8dff;
box-shadow:0 0 15px rgba(75,141,255,.35);
}
background:#15192c;
border:2px solid #24335e;
border-radius:25px;
color:white;
outline:none;
box-sizing:border-box;
}

.input-field:focus{
border-color:#0d6efd;
box-shadow:0 0 20px rgba(13,110,253,.4);
}
input.input-field{
display:block;
width:100%;
padding:16px 20px;
font-size:18px;
font-weight:500;
background:#141827;
color:white;
border:2px solid #26355d;
border-radius:24px;
outline:none;
box-sizing:border-box;
transition:0.2s;
}

input.input-field::placeholder{
color:#8a93ad;
}

input.input-field:focus{
border-color:#4b8dff;
box-shadow:0 0 15px rgba(75,141,255,.35);
}
.about-block{
    margin-top:20px;
    color:#a8afc5;
    line-height:1.8;
    font-size:15px;
}

.about-block h2{
    color:white;
    font-size:20px;
    font-weight:600;
}

.about-block h3{
    color:#8d95a9;
    font-size:13px;
    font-weight:500;
    letter-spacing:1px;
    margin-top:35px;
}

.about-block a{
    color:#8d95a9;
    text-decoration:underline;
}

#agreement-text{
    margin-top:20px;
    margin-bottom:35px;
    font-size:15px;
    color:#8d95a9;
}
.about-block p{
    font-size:15px;
    color:#8d95a9;
    line-height:1.8;
}

.about-header{
    display:flex;
    align-items:center;
    gap:4px;
    margin-bottom:8px;
}

.about-header img{
    height:50px;
}

.about-block h2{
    color:white;
    font-size:18px;
    font-weight:600;
}
label{
    font-size:18px !important;
    font-weight:600 !important;
}
h2{
    font-size: 18px !important;
    font-weight: 600 !important;
}