:root{--bg:#f7fbff;--panel:#ffffff;--line:#d9e7f5;--text:#0d1b2a;--muted:#6d7f92;--blue:#168cff;--blue2:#62b6ff;--good:#58d68d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(22,140,255,.12),transparent 34%),linear-gradient(180deg,#fafdff,#eef6ff 60%,#f8fbff);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 30px));margin:auto}.top{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border-bottom:1px solid #dbe8f4}.bar{height:70px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:900}.logo b,.eyebrow,.hero h1 span,.wait{color:var(--blue)}.main-nav{display:flex;gap:8px;align-items:center}.main-nav a{padding:10px 12px;color:#40566d;font-weight:700;font-size:14px}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 8px 24px rgba(31,83,130,.10)}.nav-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:#18324b;transition:.18s ease}.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.pill{border:1px solid rgba(22,140,255,.25);background:rgba(22,140,255,.10);border-radius:10px}.hero{padding:90px 0 60px}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.17em;margin-bottom:14px}.hero h1{font-size:clamp(43px,7vw,74px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.lead{color:#5f7286;font-size:19px;line-height:1.7;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;padding:0 19px;background:#ffffff;color:#0d1b2a;font-weight:900;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#ffffff;border:0}.full{width:100%}.preview,.card,.stats>div,.features article{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#f6fbff);border-radius:18px}.preview{overflow:hidden}.preview-head{padding:16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.preview-head i{width:9px;height:9px;border-radius:50%;background:var(--good)}.preview-head small{margin-left:auto;color:var(--muted)}.msgs{padding:24px;min-height:240px;color:#52677c}.msgs b{color:var(--blue2);margin-right:7px}.msgs .service{color:#77baff}.fake-input{margin:0 16px 16px;padding:14px;border:1px solid var(--line);border-radius:10px;color:#8aa0b5;background:#f5faff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:70px}.stats>div{padding:22px}.stats strong{display:block;font-size:26px}.stats span,.muted{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:65px 0 90px;border-top:1px solid #dce8f3}.features article{padding:24px}.features p{color:var(--muted);line-height:1.65}.auth{padding:70px 15px 100px}.auth>.card{max-width:600px;margin:auto;padding:34px}.card h1{font-size:38px;letter-spacing:-.04em}.form{display:grid;gap:16px;margin-top:25px}.form label>span{display:block;font-size:13px;font-weight:800;margin-bottom:8px}input,textarea{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #2c3542;background:#ffffff;color:#0d1b2a;outline:none}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,140,255,.10)}small{display:block;margin-top:6px;color:#7f8997}.errors,.flash{padding:13px 15px;border-radius:11px;margin-top:16px}.errors,.flash.error{border:1px solid rgba(255,107,107,.28);background:rgba(255,107,107,.09);color:#ffd0d0}.flash.success{border:1px solid rgba(88,214,141,.28);background:rgba(88,214,141,.09);color:#b9f0d0}.flash.fade{opacity:0;transition:.5s}.center{text-align:center}.center a{color:var(--blue2);font-weight:800}.profile{display:grid;grid-template-columns:320px 1fr;gap:20px;padding:70px 0 100px}.usercard,.edit{padding:28px}.usercard{text-align:center}.avatar{width:90px;height:90px;border-radius:23px;margin:0 auto 17px;display:grid;place-items:center;font-size:35px;font-weight:900;color:#ffffff;background:linear-gradient(135deg,var(--blue),var(--blue2))}.status{margin-top:25px;border-top:1px solid var(--line)}.status div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.status span{color:var(--muted)}.ok{color:var(--good)}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;height:18px;accent-color:var(--blue)}.check span{margin:0!important}footer{border-top:1px solid #dce8f3;color:#6e8194}.foot{min-height:78px;display:flex;align-items:center;justify-content:space-between;font-size:13px}
@media(max-width:850px){.grid,.profile{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.hero{padding-top:55px}}
@media(max-width:760px){.bar{position:relative}.nav-toggle{display:flex}.main-nav{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;align-items:stretch;padding:12px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px rgba(31,83,130,.16)}.main-nav.is-open{display:flex}.main-nav a{display:block!important;padding:12px 14px;border-radius:10px}.main-nav a:hover{background:#f1f7fd}.main-nav .pill{text-align:left}}
@media(max-width:560px){.hero h1{font-size:45px}.auth>.card,.usercard,.edit{padding:22px}.two{grid-template-columns:1fr}.foot{flex-direction:column;justify-content:center;gap:7px}}

body::selection{background:#168cff;color:#fff}
.preview,.card,.stats>div,.features article{box-shadow:0 14px 40px rgba(31,83,130,.08)}
.logo{color:#0d1b2a}
.logo b{color:#168cff}
.primary{box-shadow:0 10px 28px rgba(22,140,255,.22)}
.preview-head{background:#f8fbff}
.status div{color:#21384f}


/* ============================================================
   LXBG STEP 4.2 - GENDER BADGES
   ============================================================ */

.field-title{display:block;font-size:13px;font-weight:800;margin-bottom:8px}
.gender-field{display:grid;gap:10px}
.gender-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gender-option input{position:absolute;opacity:0;pointer-events:none}
.gender-card{min-height:58px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#ffffff,#f7fbff);cursor:pointer;transition:.18s ease}
.gender-option input:checked + .gender-card{border-color:rgba(22,140,255,.55);box-shadow:0 0 0 3px rgba(22,140,255,.10);transform:translateY(-1px)}
.gender-card strong{font-size:14px;color:#1a334c}
.gender-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:999px;font-size:14px;font-weight:900;letter-spacing:.04em}
.gender-m{background:#e9f3ff;color:#1769ff;border:1px solid rgba(23,105,255,.16)}
.gender-w{background:#ffeaf4;color:#ce2f7d;border:1px solid rgba(206,47,125,.16)}
.profile-identity{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.profile-identity h1{margin:0}
.status b{display:inline-flex;align-items:center;gap:8px}
.account-line{display:inline-flex;align-items:center;gap:8px}
@media(max-width:560px){.gender-choices{grid-template-columns:1fr}}

/* LXBG Password Recovery */
.login-password-help {
    text-align: right;
}
.login-password-help a {
    color: #168cff;
    font-weight: 850;
}
.login-password-help a:hover {
    text-decoration: underline;
}

/* LXBG 7.2 - friend request badge */
.nav-friends-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.nav-friend-count {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e11d48;
    color: #fff;
    font-size: .68rem;
    font-weight: 950;
    line-height: 1;
}

/* 8.2.1 language switch */
.lxbg-lang-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#7a8794;font-weight:800;font-size:.82rem}
.lxbg-lang-switch a{color:#7a8794}.lxbg-lang-switch a.is-active{color:#40566d}.lxbg-lang-switch span{color:#b2bdc7}