@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600&display=swap');

*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body.login-hybrid-premium-v10{
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:#070808;
    color:#f6f2ea;
    overflow-x:hidden;
}
body.login-hybrid-premium-v10 button,
body.login-hybrid-premium-v10 input,
body.login-hybrid-premium-v10 a{font:inherit}
body.login-hybrid-premium-v10 button{cursor:pointer}

body.login-hybrid-premium-v10 .reference-stage{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(circle at 9% 7%, rgba(255,191,47,.15), transparent 17%),
        radial-gradient(circle at 75% 55%, rgba(255,191,47,.05), transparent 24%),
        linear-gradient(90deg,#050505 0%,#090a0b 48%,#080809 100%);
}
body.login-hybrid-premium-v10 .reference-stage::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size:120px 120px;
    opacity:.42;
    mask-image:linear-gradient(90deg, transparent 0, rgba(0,0,0,.60) 16%, rgba(0,0,0,.95) 50%, rgba(0,0,0,.72) 84%, transparent 100%);
    pointer-events:none;
}
body.login-hybrid-premium-v10 .reference-stage::after{
    content:"";
    position:absolute;
    left:0;right:0;top:116px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(247,190,51,.16) 18%, rgba(255,255,255,.05) 50%, rgba(247,190,51,.16) 82%, transparent);
    pointer-events:none;
}
body.login-hybrid-premium-v10 .reference-grid,
body.login-hybrid-premium-v10 .reference-glow{display:none}

body.login-hybrid-premium-v10 .reference-topbar{
    position:relative;
    z-index:3;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding:28px 3.2vw 0;
    min-height:116px;
}
body.login-hybrid-premium-v10 .reference-brand{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:inherit;
    text-decoration:none;
}
body.login-hybrid-premium-v10 .reference-logo99,
body.login-hybrid-premium-v10 .reference-auth-logo{
    font-style:italic;
    font-weight:900;
    letter-spacing:-.12em;
    color:#ffd44a;
    line-height:.76;
    text-shadow:0 4px 12px rgba(0,0,0,.65),0 0 22px rgba(255,200,60,.16);
}
body.login-hybrid-premium-v10 .reference-logo99{font-size:54px}
body.login-hybrid-premium-v10 .reference-brand-copy{display:flex;flex-direction:column;gap:4px}
body.login-hybrid-premium-v10 .reference-brand-copy strong{font-size:20px;line-height:1}
body.login-hybrid-premium-v10 .reference-brand-copy small{font-size:10px;letter-spacing:.22em;color:#b7ada2}
body.login-hybrid-premium-v10 .reference-topline{
    padding-top:8px;
    font-family:"JetBrains Mono",monospace;
    font-size:10px;
    letter-spacing:.20em;
    color:#b2b0aa;
    text-align:right;
}

body.login-hybrid-premium-v10 .reference-layout{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(360px,430px) auto minmax(360px,410px);
    gap:16px;
    align-items:start;
    justify-content:center;
    padding:0 3.2vw 48px;
}

body.login-hybrid-premium-v10 .reference-story{width:100%;max-width:430px;padding:40px 0 0;align-self:start}
body.login-hybrid-premium-v10 .reference-kicker{margin-bottom:18px;color:#efc047;font-size:12px;letter-spacing:.22em;font-weight:700}
body.login-hybrid-premium-v10 .reference-story h1{margin:0;font-size:78px;line-height:.93;letter-spacing:-.075em}
body.login-hybrid-premium-v10 .reference-story h1 span{color:#ffbe32}
body.login-hybrid-premium-v10 .reference-story>p{margin:24px 0 0;max-width:470px;font-size:16px;line-height:1.72;color:#a7a8a4}
body.login-hybrid-premium-v10 .reference-benefits{margin-top:30px;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.06)}
body.login-hybrid-premium-v10 .reference-benefit{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}
body.login-hybrid-premium-v10 .reference-feature-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,193,48,.12),rgba(255,193,48,.04));border:1px solid rgba(255,193,48,.28);color:#ffc53c;font-size:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
body.login-hybrid-premium-v10 .reference-feature-icon.bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:10px}
body.login-hybrid-premium-v10 .reference-feature-icon.bars i{display:block;width:5px;border-radius:2px;background:#ffc43a}
body.login-hybrid-premium-v10 .reference-feature-icon.bars i:nth-child(1){height:11px}
body.login-hybrid-premium-v10 .reference-feature-icon.bars i:nth-child(2){height:20px}
body.login-hybrid-premium-v10 .reference-feature-icon.bars i:nth-child(3){height:28px}
body.login-hybrid-premium-v10 .reference-feature-icon.people{font-size:12px;letter-spacing:-3px}
body.login-hybrid-premium-v10 .reference-feature-icon.shield{font-size:22px}
body.login-hybrid-premium-v10 .reference-benefit strong{display:block;font-size:18px;font-weight:600}
body.login-hybrid-premium-v10 .reference-benefit small{display:block;margin-top:6px;font-size:13px;color:#8c8d88}
body.login-hybrid-premium-v10 .reference-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
body.login-hybrid-premium-v10 .reference-pills span{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:#8f918d;font-size:10px;white-space:nowrap}

body.login-hybrid-premium-v10 .reference-hero-card{
    position:relative;
    margin:-14px 0 0;
    width:clamp(650px,71vh,810px);
    max-width:100%;
    justify-self:center;
    border-radius:22px;
    overflow:hidden;
    border:1px solid rgba(235,180,54,.30);
    background:#0b0c0d;
    box-shadow:0 42px 120px rgba(0,0,0,.56), inset 0 0 0 1px rgba(255,255,255,.02);
}
body.login-hybrid-premium-v10 .reference-hero-card::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,198,70,.10),transparent 26%,transparent 78%,rgba(255,198,70,.05));pointer-events:none;z-index:2}
body.login-hybrid-premium-v10 .reference-hero-card::after{content:"";position:absolute;inset:16px;border-radius:15px;border:1px solid rgba(255,255,255,.055);pointer-events:none;z-index:2}
body.login-hybrid-premium-v10 .reference-hero-card img{display:block;width:100%;height:auto;aspect-ratio:665/728;object-fit:cover}

body.login-hybrid-premium-v10 .reference-auth-column{width:100%;max-width:410px;justify-self:start;display:flex;flex-direction:column;gap:18px;align-self:start;margin:0;padding-top:16px;position:relative;z-index:3}
body.login-hybrid-premium-v10 .reference-auth-shell{position:relative;padding-top:0;filter:drop-shadow(0 18px 40px rgba(0,0,0,.22))}
body.login-hybrid-premium-v10 .reference-tab{
    position:static;
    width:max-content;
    min-height:40px;
    margin:0 0 10px auto;
    padding:10px 16px;
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    border:1px solid rgba(223,168,46,.32);
    border-radius:999px;
    clip-path:none;
    background:linear-gradient(180deg, rgba(16,17,18,.95), rgba(10,11,12,.95));
    box-shadow:0 14px 30px rgba(0,0,0,.20);
}
body.login-hybrid-premium-v10 .reference-tab span{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.18em;color:#9d9d98}
body.login-hybrid-premium-v10 .reference-tab i{display:block;width:26px;height:2px;background:#f3c230;box-shadow:0 0 10px rgba(243,194,48,.30)}
body.login-hybrid-premium-v10 .reference-auth-card{
    position:relative;
    padding:36px 30px 26px;
    border-radius:24px;
    border:1px solid rgba(226,170,46,.38);
    background:
        radial-gradient(circle at 16% 12%, rgba(255,191,52,.12), transparent 28%),
        linear-gradient(155deg, rgba(16,17,18,.98), rgba(8,9,10,.98));
    box-shadow:0 34px 86px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.022);
}
body.login-hybrid-premium-v10 .reference-auth-card::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:24px;
    padding:1px;
    background:linear-gradient(140deg, rgba(255,213,96,.55), rgba(255,213,96,.08) 22%, rgba(255,255,255,0) 60%, rgba(255,213,96,.14));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}
body.login-hybrid-premium-v10 .reference-auth-card::after{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(120deg,rgba(255,201,70,.03),transparent 30%);pointer-events:none}
body.login-hybrid-premium-v10 .reference-auth-card>*{position:relative;z-index:1}
body.login-hybrid-premium-v10 .reference-auth-logo{font-size:58px;margin-bottom:17px;width:max-content}
body.login-hybrid-premium-v10 .reference-auth-card h2{margin:0 0 8px;font-size:40px;line-height:1;letter-spacing:-.06em}
body.login-hybrid-premium-v10 .reference-auth-subtitle{margin:0 0 18px;color:#a0a09b;font-size:13px;line-height:1.56}
body.login-hybrid-premium-v10 .reference-form>label{display:block;margin:0 0 9px;color:#efede7;font-size:13px;font-weight:700}
body.login-hybrid-premium-v10 .reference-form>label:not(:first-of-type){margin-top:16px}
body.login-hybrid-premium-v10 .reference-input{height:54px;display:flex;align-items:center;gap:10px;padding:0 15px;border-radius:14px;border:1px solid rgba(229,177,54,.28);background:rgba(4,5,6,.75);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
body.login-hybrid-premium-v10 .reference-input:hover{border-color:rgba(235,184,68,.42)}
body.login-hybrid-premium-v10 .reference-input:focus-within{border-color:#edbc44;box-shadow:0 0 0 4px rgba(240,188,66,.10),0 0 24px rgba(240,188,66,.08);transform:translateY(-1px)}
body.login-hybrid-premium-v10 .reference-key{color:#d8ab31;font-size:13px}
body.login-hybrid-premium-v10 .reference-input input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:#f5f4ef!important;font-size:14px!important}
body.login-hybrid-premium-v10 .reference-input input::placeholder{color:#6c6e6d}
body.login-hybrid-premium-v10 .reference-mini{border:0;background:transparent;color:#d7af46;padding:4px 0 4px 8px;font-size:10px;font-weight:700}
body.login-hybrid-premium-v10 .reference-primary,
body.login-hybrid-premium-v10 .reference-secondary{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;text-decoration:none;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
body.login-hybrid-premium-v10 .reference-primary{margin-top:18px;border:0;background:linear-gradient(180deg,#ffd14c,#ffb114);color:#12100c;font-size:15px;font-weight:800;box-shadow:0 16px 38px rgba(255,183,25,.22)}
body.login-hybrid-premium-v10 .reference-primary:hover{filter:brightness(1.03);transform:translateY(-1px)}
body.login-hybrid-premium-v10 .reference-primary span{font-size:20px;font-weight:400;line-height:1}
body.login-hybrid-premium-v10 .reference-secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:#efede7;font-size:12px}
body.login-hybrid-premium-v10 .reference-secondary.compact{min-height:40px}
body.login-hybrid-premium-v10 .reference-inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
body.login-hybrid-premium-v10 .reference-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:11px}
body.login-hybrid-premium-v10 .reference-form-row>a,
body.login-hybrid-premium-v10 .reference-text-link{color:#f4b820;text-decoration:none}
body.login-hybrid-premium-v10 .reference-text-link{display:block;text-align:center;margin-top:15px;font-size:11px}
body.login-hybrid-premium-v10 .reference-checkbox{display:flex!important;align-items:center;gap:8px!important;margin:0!important;color:#a2a39f!important;font-weight:400!important;cursor:default}
body.login-hybrid-premium-v10 .reference-checkbox input{position:absolute;opacity:0;pointer-events:none}
body.login-hybrid-premium-v10 .reference-checkbox span{width:15px;height:15px;border-radius:4px;border:1px solid rgba(238,237,232,.86);display:block}
body.login-hybrid-premium-v10 .reference-checkbox em{font-style:normal}
body.login-hybrid-premium-v10 .reference-brand-promise{position:relative;margin-top:20px;padding:17px 18px;border-radius:14px;border:1px solid rgba(235,184,68,.18);background:linear-gradient(135deg,rgba(255,193,48,.07),rgba(255,255,255,.018) 48%,rgba(255,193,48,.035));box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);overflow:hidden}
body.login-hybrid-premium-v10 .reference-brand-promise::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ffd14c,#e99b0e);box-shadow:0 0 14px rgba(255,190,46,.28)}
body.login-hybrid-premium-v10 .reference-brand-promise span{display:block;font-family:"JetBrains Mono",monospace;font-size:8px;letter-spacing:.20em;color:#c7a958}
body.login-hybrid-premium-v10 .reference-brand-promise strong{display:block;margin-top:5px;font-size:13px;letter-spacing:.035em;color:#f0eee8;font-weight:700}
body.login-hybrid-premium-v10 .reference-store-motto{margin:2px 0 0 18px;padding:15px 0 14px 20px;max-width:270px;border-left:1px solid rgba(243,184,42,.42)}
body.login-hybrid-premium-v10 .reference-store-motto strong{display:block;color:#f0b420;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.20em;font-weight:700}
body.login-hybrid-premium-v10 .reference-store-motto span{display:block;margin-top:8px;color:#a2a29d;font-size:15px;letter-spacing:.02em;font-weight:500}
body.login-hybrid-premium-v10 .reference-developed{margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05);font-family:"JetBrains Mono",monospace;font-size:8px;letter-spacing:.18em;color:#8d8e8a}
body.login-hybrid-premium-v10 .reference-developed strong{color:#d7b65d;font-weight:600}
body.login-hybrid-premium-v10 .reference-alert,
body.login-hybrid-premium-v10 .v5-alert,
body.login-hybrid-premium-v10 .v5-success{margin:0 0 16px;padding:12px 13px;border-radius:12px;font-size:12px;line-height:1.55}
body.login-hybrid-premium-v10 .reference-alert.v5-alert,
body.login-hybrid-premium-v10 .v5-alert{background:rgba(255,92,92,.10);border:1px solid rgba(255,92,92,.28);color:#ffd5d5}
body.login-hybrid-premium-v10 .reference-alert.v5-success,
body.login-hybrid-premium-v10 .v5-success{background:rgba(48,217,130,.08);border:1px solid rgba(48,217,130,.24);color:#9af2c2}


@media (max-width:1700px){
    body.login-hybrid-premium-v10 .reference-layout{grid-template-columns:minmax(340px,400px) auto minmax(340px,390px);gap:14px;padding-left:2.5vw;padding-right:2.5vw}
    body.login-hybrid-premium-v10 .reference-story{max-width:400px;padding-top:38px}
    body.login-hybrid-premium-v10 .reference-story h1{font-size:70px}
    body.login-hybrid-premium-v10 .reference-story>p{font-size:15px}
    body.login-hybrid-premium-v10 .reference-hero-card{width:clamp(620px,70vh,700px)}
    body.login-hybrid-premium-v10 .reference-auth-column{max-width:390px;padding-top:16px}
}
@media (max-width:1500px){
    body.login-hybrid-premium-v10 .reference-layout{grid-template-columns:minmax(315px,360px) auto minmax(330px,370px);gap:12px;padding-left:2.5vw;padding-right:2.5vw}
    body.login-hybrid-premium-v10 .reference-story{max-width:360px;padding-top:34px}
    body.login-hybrid-premium-v10 .reference-story h1{font-size:64px}
    body.login-hybrid-premium-v10 .reference-story>p{font-size:14px}
    body.login-hybrid-premium-v10 .reference-benefit strong{font-size:16px}
    body.login-hybrid-premium-v10 .reference-hero-card{width:clamp(560px,67vh,670px)}
    body.login-hybrid-premium-v10 .reference-auth-column{max-width:370px;padding-top:14px}
}
@media (max-width:1280px){
    body.login-hybrid-premium-v10 .reference-layout{grid-template-columns:minmax(285px,320px) auto minmax(310px,340px);gap:10px;padding-left:18px;padding-right:18px}
    body.login-hybrid-premium-v10 .reference-story{max-width:320px;padding-top:26px}
    body.login-hybrid-premium-v10 .reference-story h1{font-size:56px}
    body.login-hybrid-premium-v10 .reference-story>p{font-size:13px;line-height:1.62}
    body.login-hybrid-premium-v10 .reference-benefits{margin-top:24px}
    body.login-hybrid-premium-v10 .reference-benefit{padding:12px 0}
    body.login-hybrid-premium-v10 .reference-pills{margin-top:20px}
    body.login-hybrid-premium-v10 .reference-hero-card{width:clamp(515px,64vh,590px)}
    body.login-hybrid-premium-v10 .reference-auth-column{max-width:340px;padding-top:10px}
    body.login-hybrid-premium-v10 .reference-auth-card{padding:30px 24px 24px}
    body.login-hybrid-premium-v10 .reference-auth-card h2{font-size:36px}
}
@media (max-width:1180px){
    body.login-hybrid-premium-v10 .reference-layout{grid-template-columns:minmax(330px,1fr) minmax(380px,.96fr);gap:34px;align-items:start;padding-top:8px}
    body.login-hybrid-premium-v10 .reference-hero-card{display:none}
    body.login-hybrid-premium-v10 .reference-story{max-width:560px;padding-top:28px}
    body.login-hybrid-premium-v10 .reference-auth-column{justify-self:center;max-width:430px;margin-left:0;padding-top:0}
}
@media (max-width:820px){
    body.login-hybrid-premium-v10 .reference-topbar{padding:24px 22px 0;min-height:94px}
    body.login-hybrid-premium-v10 .reference-topline{display:none}
    body.login-hybrid-premium-v10 .reference-layout{display:flex;flex-direction:column;gap:28px;padding:8px 22px 46px;min-height:auto}
    body.login-hybrid-premium-v10 .reference-auth-column{order:1;max-width:520px;align-self:center;margin-left:0;padding-top:0}
    body.login-hybrid-premium-v10 .reference-story{order:2;max-width:560px;align-self:center;padding-top:0}
    body.login-hybrid-premium-v10 .reference-store-motto{display:none}
    body.login-hybrid-premium-v10 .reference-story h1{font-size:48px}
    body.login-hybrid-premium-v10 .reference-story>p{font-size:14px}
}
@media (max-width:540px){
    body.login-hybrid-premium-v10 .reference-layout{padding:6px 14px 38px}
    body.login-hybrid-premium-v10 .reference-logo99{font-size:46px}
    body.login-hybrid-premium-v10 .reference-brand-copy strong{font-size:18px}
    body.login-hybrid-premium-v10 .reference-brand-copy small{font-size:8px}
    body.login-hybrid-premium-v10 .reference-story h1{font-size:40px}
    body.login-hybrid-premium-v10 .reference-kicker{font-size:11px}
    body.login-hybrid-premium-v10 .reference-story>p{font-size:13px}
    body.login-hybrid-premium-v10 .reference-benefit{grid-template-columns:46px 1fr;gap:12px}
    body.login-hybrid-premium-v10 .reference-feature-icon{width:42px;height:42px;font-size:22px}
    body.login-hybrid-premium-v10 .reference-benefit strong{font-size:15px}
    body.login-hybrid-premium-v10 .reference-benefit small{font-size:12px}
    body.login-hybrid-premium-v10 .reference-tab{margin:0 auto 10px 0}
    body.login-hybrid-premium-v10 .reference-auth-card{padding:30px 22px 23px}
    body.login-hybrid-premium-v10 .reference-auth-card h2{font-size:34px}
    body.login-hybrid-premium-v10 .reference-inline-actions{grid-template-columns:1fr}
    body.login-hybrid-premium-v10 .reference-form-row{flex-direction:column;align-items:flex-start}
    body.login-hybrid-premium-v10 .reference-brand-promise{padding:15px 16px}
}

/* R3.7 final interaction polish */
.login-hybrid-premium-v10 .auth-submitting{position:relative;pointer-events:none;opacity:.78;padding-right:40px!important}
.login-hybrid-premium-v10 .auth-submitting::after{content:"";position:absolute;right:15px;top:50%;width:13px;height:13px;margin-top:-6.5px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:authSpin .7s linear infinite}
@keyframes authSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.login-hybrid-premium-v10 .auth-submitting::after{animation-duration:1.4s}}

/* Final UX audit: stable non-shifting feedback for reset-password utility actions. */
body.login-hybrid-premium-v10 .auth-action-status{min-height:18px;margin-top:8px;color:#b7b4aa;font-size:10px;line-height:1.4;text-align:center}