*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:#090B12;color:#F6F7FB}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);position:relative;overflow:hidden;background:radial-gradient(circle at 29% 57%,rgba(124,58,237,.24),transparent 34%),radial-gradient(circle at 77% 30%,rgba(99,102,241,.07),transparent 28%),#090B12}.auth-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 70%);pointer-events:none}.auth-brand{position:absolute;z-index:3;left:42px;top:30px;display:flex;gap:13px;align-items:center}.auth-brand b{display:block;font-size:22px;letter-spacing:.08em}.auth-brand small{display:block;color:#858CA7;margin-top:3px;font-size:11px}.auth-brand-mark{width:43px;height:43px;position:relative;display:inline-block;filter:drop-shadow(0 0 18px rgba(139,92,246,.38))}.auth-brand-mark:before,.auth-brand-mark i,.auth-brand-mark b,.auth-brand-mark em{content:"";position:absolute;border-radius:10px;border:1px solid rgba(196,181,253,.46);transform:rotate(-9deg)}.auth-brand-mark:before{inset:4px;background:linear-gradient(135deg,rgba(139,92,246,.92),rgba(91,33,182,.38))}.auth-brand-mark i{inset:9px 2px 2px 11px;transform:rotate(-9deg) translate(4px,5px);opacity:.55}.auth-brand-mark b{inset:14px -2px -2px 17px;transform:rotate(-9deg) translate(7px,8px);opacity:.25}.auth-brand-mark em{width:8px;height:8px;left:18px;top:17px;border:0;border-radius:50%;background:#E9D5FF;box-shadow:0 0 12px #A78BFA}.auth-story{position:relative;display:flex;align-items:center;padding:110px 7vw 90px 8vw;min-height:100vh}.auth-story-copy{position:relative;z-index:2;max-width:660px}.auth-kicker{display:inline-flex;align-items:center;gap:8px;color:#A78BFA;font-size:11px;letter-spacing:.18em;font-weight:700;margin-bottom:18px}.auth-kicker:before{content:"";width:26px;height:1px;background:#8B5CF6}.auth-story h1{font-size:clamp(42px,4vw,66px);line-height:1.12;letter-spacing:-.04em;margin:0;max-width:640px}.auth-story p{max-width:580px;font-size:17px;line-height:1.8;color:#A0A7BC;margin:22px 0 28px}.auth-capabilities{display:flex;gap:10px;flex-wrap:wrap}.auth-capabilities span{padding:8px 13px;border:1px solid rgba(167,139,250,.18);border-radius:999px;background:rgba(20,22,35,.56);color:#C6CAE0;font-size:12px;backdrop-filter:blur(6px)}.auth-flow-art{position:absolute;width:520px;height:320px;left:24%;top:50%;transform:translate(-12%,-4%);opacity:.55;pointer-events:none}.auth-flow-art i{position:absolute;width:290px;height:160px;border:1px solid rgba(196,181,253,.2);border-radius:28px;transform:rotate(-12deg);box-shadow:0 0 38px rgba(139,92,246,.08)}.auth-flow-art i:nth-child(2){transform:translate(55px,34px) rotate(-12deg);opacity:.7}.auth-flow-art i:nth-child(3){transform:translate(110px,68px) rotate(-12deg);opacity:.45}.auth-flow-art i:nth-child(4){transform:translate(165px,102px) rotate(-12deg);opacity:.22}.auth-flow-art span{position:absolute;left:210px;top:110px;font-size:48px;color:rgba(196,181,253,.25);text-shadow:0 0 30px rgba(139,92,246,.35)}.auth-card{align-self:center;justify-self:center;z-index:3;width:min(430px,82%);padding:31px;background:linear-gradient(180deg,rgba(28,32,50,.95),rgba(16,19,31,.985));border:1px solid rgba(139,148,180,.27);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.46),0 0 60px rgba(109,40,217,.05)}.auth-tabs{height:42px;display:grid;grid-template-columns:1fr 1fr;background:#10131F;border-radius:11px;padding:4px;margin-bottom:27px}.auth-tabs a{display:grid;place-items:center;color:#858CA7;text-decoration:none;border-radius:8px;font-size:13px}.auth-tabs a.active{color:white;background:linear-gradient(135deg,#6D28D9,#8B5CF6);box-shadow:0 0 20px rgba(139,92,246,.25)}.auth-card h2{margin:0;font-size:28px;letter-spacing:-.02em}.auth-card>p{color:#929AAF;line-height:1.6;margin:9px 0 23px;font-size:14px}.auth-card label{display:block;color:#B7BCD0;font-size:13px;margin:14px 0}.auth-card input,.auth-card select{display:block;width:100%;height:46px;margin-top:7px;border:1px solid rgba(139,148,180,.26);border-radius:10px;background:#10131F;color:white;padding:0 13px;outline:none}.auth-card input:focus,.auth-card select:focus{border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,.14)}.auth-card form>button{width:100%;height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,#6D28D9,#8B5CF6,#A855F7);color:white;font-weight:700;font-size:15px;margin-top:8px;cursor:pointer;box-shadow:0 0 25px rgba(139,92,246,.28);display:flex;align-items:center;justify-content:center;gap:9px}.auth-card form>button:disabled{opacity:.65;cursor:wait}.auth-btn-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}.auth-card form>button.busy .auth-btn-spinner{display:block}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-card footer{text-align:center;color:#858CA7;font-size:13px;margin-top:19px}.auth-card a{color:#A78BFA}.auth-card #auth-error{min-height:22px;color:#FF7A84;font-size:12px;margin-top:10px}.auth-copyright{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#596078;font-size:11px;letter-spacing:.02em}@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-card{margin:110px auto 80px;width:min(440px,88%)}.auth-copyright{position:fixed}.auth-brand{left:24px;top:24px}}@media(max-width:520px){.auth-brand small{display:none}.auth-card{padding:24px}.auth-brand{left:20px}.auth-story{display:none}}
