.auth-shell{height:100dvh;max-height:100dvh;color:var(--signal-paper);position:relative;overflow:hidden;background-color:#09090b!important;background-image:radial-gradient(80% 50% at 50% -10%,#e1060038,#0000 70%),radial-gradient(36rem at 50% 110%,#e1060017,#0000 80%),linear-gradient(#0a0a0d 0%,#050507 100%)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important}.auth-shell:before{pointer-events:none;content:"";opacity:.7;background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.auth-shell:after{color:#ffffff4d;font:10px/1.2 var(--font-mono,monospace);letter-spacing:.18em;content:"VOCLONER // ACCESS TERMINAL";text-transform:uppercase;z-index:10;pointer-events:none;position:absolute;bottom:1.75rem;right:2rem}.auth-halo{opacity:.25;display:block}.auth-brand{z-index:1;min-height:2.75rem;color:var(--signal-paper);transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s;position:relative}.auth-brand:hover{opacity:.95;transform:translateY(-1px)}.auth-panel{z-index:1;-webkit-backdrop-filter:blur(32px)saturate(150%);color:var(--signal-paper);background:#0c0c10d1;border:1px solid #ffffff21;border-radius:1.5rem;padding:clamp(1.75rem,5vw,2.5rem);position:relative;box-shadow:0 30px 60px -12px #000000e6,inset 0 1px #ffffff24,0 0 0 1px #ffffff0a,0 0 40px -8px #e1060038}.auth-panel:before{content:"";background:linear-gradient(90deg,#0000,#e1060099,#ff5046,#fffffff2,#ff5046,#e1060099,#0000);border-radius:9999px;height:2px;position:absolute;top:0;left:15%;right:15%;box-shadow:0 0 16px #e10600cc,0 0 4px #fffc}@media (max-width:640px){.auth-panel{box-shadow:.5rem .5rem 0 var(--signal-graphite)}}.auth-layout{z-index:1;grid-template-columns:minmax(0,1.18fr) minmax(22rem,.82fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);width:min(100%,78rem);margin-inline:auto;display:grid;position:relative}.auth-video-stage{min-width:0}.auth-video-frame{isolation:isolate;aspect-ratio:1.16;background:#16151a;border:1px solid #ffffff29;border-radius:1.25rem;position:relative;overflow:hidden;box-shadow:1rem 1rem #333333d1,0 28px 70px #00000073}.auth-video-motion,.auth-video-shade,.auth-video-grid{width:100%;height:100%;position:absolute;inset:0}.auth-video-motion{z-index:-3;object-fit:cover;object-position:center;filter:saturate(.92)contrast(1.04)}.auth-video-poster{z-index:-3;filter:saturate(.92)contrast(1.04)}.auth-video-tall{display:none}.auth-video-shade{z-index:-2;background:linear-gradient(#09090b0a 24%,#09090bb3 100%),linear-gradient(90deg,#09090b5c,#0000 62%)}.auth-video-grid{z-index:-1;opacity:.16;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:4rem 4rem;-webkit-mask-image:linear-gradient(#0000 0%,#000 45%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 45%,#0000 100%)}.auth-video-status{color:#ffffffc7;font:10px/1 var(--font-mono,monospace);letter-spacing:.12em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090b80;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .65rem;display:inline-flex;position:absolute;top:1.15rem;right:1.15rem}.auth-video-status-dot{background:var(--signal-red);border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 0 .2rem #e1060033}.auth-video-copy{max-width:29rem;position:absolute;bottom:clamp(1.25rem,4vw,3rem);left:clamp(1.25rem,4vw,3rem);right:clamp(1.25rem,4vw,3rem)}.auth-video-kicker{color:#ff5c56;font:10px/1 var(--font-mono,monospace);letter-spacing:.16em;margin-bottom:.7rem;display:block}.auth-video-copy h2{color:#fff;letter-spacing:-.055em;text-wrap:balance;max-width:10ch;margin:0;font-size:clamp(2.5rem,5.2vw,5.1rem);font-weight:800;line-height:.92}.auth-video-copy p{color:#ffffffc2;max-width:28ch;margin:1rem 0 0;font-size:.85rem;line-height:1.55}.auth-content{min-width:0}.auth-brand-block{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:1.35rem;display:flex}.auth-brand-block .auth-brand{min-height:2.4rem}.auth-badge{color:var(--signal-red);font:10px/1 var(--font-mono,monospace);letter-spacing:.11em;background:#e1060017;border:1px solid #e1060059;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .6rem;display:inline-flex}@media (max-width:900px){.auth-layout{grid-template-columns:minmax(0,1fr);gap:2.25rem;width:min(100%,36rem)}.auth-video-frame{aspect-ratio:1.55;box-shadow:.65rem .65rem #333333d1,0 22px 50px #00000061}.auth-video-copy h2{max-width:12ch;font-size:clamp(2.4rem,9vw,4rem)}.auth-content{width:min(100%,32rem);margin-inline:auto}}@media (max-width:640px){.auth-layout{gap:1.6rem}.auth-video-frame{aspect-ratio:.96;border-radius:1rem}.auth-video-wide{display:none}.auth-video-tall{display:block}.auth-video-copy{bottom:1.2rem;left:1.15rem;right:1.15rem}.auth-video-copy h2{font-size:clamp(2.35rem,13vw,3.8rem)}.auth-video-copy p{margin-top:.75rem;font-size:.78rem}.auth-video-status{top:.85rem;right:.85rem}.auth-brand-block{align-items:center;margin-bottom:1rem}}@media (prefers-reduced-motion:reduce){.auth-video-motion,.auth-video-tall{display:none}}.auth-layout{justify-content:center;align-items:center;width:100%;height:100%;max-height:100dvh;display:flex}.auth-video-stage{z-index:0;pointer-events:none;position:fixed;inset:0}.auth-video-frame{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:0;border-radius:0}.auth-video-shade{background:linear-gradient(90deg,#09090b9e 0%,#09090b38 52%,#09090bb8 100%),linear-gradient(#09090b38,#09090bd6)}.auth-video-grid{opacity:.1}.auth-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:min(100%,28rem);max-height:100dvh;margin-inline:auto;padding:1rem;display:flex;position:relative}.auth-brand-block{width:100%;color:var(--signal-paper);flex-direction:row;justify-content:center;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.auth-panel{-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#0c0c10d6;width:100%;max-width:28rem;padding:clamp(1.25rem,3.5vh,1.85rem)}.auth-video-copy{display:none}@media (max-width:640px){.auth-content{width:100%;padding:.75rem}.auth-panel{background:#0c0c10e6;padding:1.25rem 1rem}}
