
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    font-family:'Inter',sans-serif;
    background:
        radial-gradient(circle at top right, rgba(255,192,203,.26), transparent 30%),
        linear-gradient(135deg,#fff9f8,#f7e0e4);
    color:#241b28;
    overflow-x:hidden;
}
header{
    width:100%;
    min-height:95px;
    padding:0 6%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(0,0,0,.05);
}
.logo{
    display:flex;
    align-items:center;
    gap:16px;
}
.logo-circle{
    width:56px;
    height:56px;
    border:4px solid #d95f73;
    border-radius:50%;
}
.logo-text{
    font-size:34px;
    font-weight:800;
    line-height:1;
}
.logo-text span{color:#d95f73}
.logo small{
    display:block;
    margin-top:6px;
    color:#7e737c;
    font-size:13px;
}
nav{display:flex;gap:34px}
nav a,.start-link{
    text-decoration:none;
    color:#2b2230;
    font-weight:700;
    transition:.25s;
}
nav a:hover,.start-link:hover{color:#d95f73;transform:translateY(-2px)}
.header-actions{
    display:flex;
    align-items:center;
    gap:18px;
}
.login-btn{
    padding:16px 38px;
    border-radius:999px;
    background:linear-gradient(135deg,#f08797,#c84d63);
    color:white;
    text-decoration:none;
    font-weight:800;
    box-shadow:0 18px 35px rgba(200,77,99,.22);
}
.lang-dropdown{
    position:relative;
}
.lang-current{
    border:none;
    padding:13px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.85);
    color:#2b2230;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(90,40,50,.08);
}
.lang-menu{
    display:none;
    position:absolute;
    right:0;
    top:48px;
    min-width:145px;
    padding:10px;
    border-radius:18px;
    background:white;
    box-shadow:0 20px 45px rgba(90,40,50,.16);
}
.lang-dropdown:hover .lang-menu,
.lang-dropdown:focus-within .lang-menu{
    display:flex;
    flex-direction:column;
}
.lang-menu a{
    padding:10px 12px;
    border-radius:12px;
    color:#2b2230;
    text-decoration:none;
    font-weight:700;
}
.lang-menu a:hover{background:#ffe3e9;color:#d95f73}
.hero{
    min-height:calc(100vh - 95px);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
    padding:70px 6%;
}
.badge{
    display:inline-flex;
    gap:12px;
    padding:14px 24px;
    border-radius:999px;
    background:rgba(217,95,115,.12);
    color:#d95f73;
    font-weight:800;
    margin-bottom:34px;
    font-size:18px;
}
.hero h1{
    font-size:clamp(54px,7vw,110px);
    line-height:.95;
    font-family:Georgia,serif;
    margin-bottom:34px;
}
.hero h1 span{color:#dd6f86}
.subtitle{
    max-width:700px;
    font-size:24px;
    line-height:1.7;
    color:#665c67;
    margin-bottom:42px;
}
.features{display:flex;gap:36px;flex-wrap:wrap;margin-bottom:42px}
.feature{display:flex;gap:14px;width:200px}
.feature-icon{font-size:34px}
.feature p{color:#655c67;line-height:1.5}
.cta-row{display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.main-btn{
    padding:24px 42px;
    border-radius:18px;
    background:linear-gradient(135deg,#f08495,#c84d63);
    color:white;
    text-decoration:none;
    font-size:22px;
    font-weight:800;
    box-shadow:0 20px 45px rgba(200,77,99,.28);
}
.price{font-size:20px}
.price strong{font-size:58px;color:#c84d63;font-family:Georgia,serif}
.world{margin-top:34px;color:#887c86;font-size:17px}
.visual{position:relative;min-height:760px;display:flex;align-items:flex-start;justify-content:center;padding-top:10px}
.note{position:absolute;left:0;top:210px;font-size:28px;line-height:1.5;color:#896c71;transform:rotate(-7deg);font-family:Georgia,serif}
.petals{position:absolute;inset:0;pointer-events:none}
.petal{position:absolute;font-size:28px}
.petal:nth-child(1){left:12%;top:18%}
.petal:nth-child(2){right:18%;top:10%}
.petal:nth-child(3){left:30%;bottom:14%}
.petal:nth-child(4){right:8%;bottom:8%}
.glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle, rgba(255,137,159,.32), transparent 68%)}
.real-bunny{position:relative;width:760px;max-width:100%;margin-top:-70px}
.real-bunny img{width:100%;display:block;filter:drop-shadow(0 30px 55px rgba(90,40,50,.16))}
.bottom-info{
    margin:0 5% 50px;
    padding:36px 46px;
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(20px);
    border-radius:28px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    box-shadow:0 25px 60px rgba(90,40,50,.1);
}
.info-card{display:flex;gap:18px;align-items:center;border-right:1px solid rgba(0,0,0,.08)}
.info-card:last-child{border-right:none}
.info-icon{font-size:40px}
.info-card strong{display:block;margin-bottom:6px;font-size:20px}
.info-card span{color:#7c717a}
footer{padding:55px 6%;background:rgba(255,255,255,.62);border-top:1px solid rgba(0,0,0,.06)}
.footer-inner{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}
.footer-brand strong{font-size:28px}
.footer-brand span{color:#d95f73}
.footer-brand p{margin-top:12px;color:#7c717a}
.footer-links{display:flex;gap:26px;flex-wrap:wrap}
.footer-links a{color:#2b2230;text-decoration:none;font-weight:700}
.payment-systems{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}
.pay{padding:11px 18px;border-radius:14px;background:white;color:#3b303f;font-weight:800;box-shadow:0 10px 25px rgba(90,40,50,.08)}
.copyright{margin-top:30px;color:#8a7f87;font-size:14px}
@media(max-width:1200px){
    .hero{grid-template-columns:1fr;text-align:center}
    .features,.cta-row{justify-content:center}
    .note{display:none}
    .bottom-info{grid-template-columns:1fr 1fr}
    nav{gap:18px}
}
@media(max-width:760px){
    nav{display:none}
    .hero{padding:40px 22px}
    .subtitle{font-size:18px}
    .bottom-info{grid-template-columns:1fr}
    .info-card{border-right:none}
    .login-btn{display:none}
    footer{padding:40px 22px}
}


/* === unified abbreviated language switcher === */
.lang-current{
    min-width:74px;
    height:46px;
    padding:0 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    letter-spacing:.4px;
    font-size:14px;
}

.lang-menu{
    min-width:86px;
    width:86px;
    top:52px;
    padding:8px;
    border:1px solid rgba(217,95,115,.08);
}

.lang-menu a{
    height:34px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:900;
    letter-spacing:.5px;
}
