:root{--bg:#080d19;--surface:rgba(18,27,46,.82);--surface2:rgba(26,38,63,.78);--line:rgba(150,176,225,.14);--text:#f4f7ff;--muted:#96a5c2;--blue:#6b86ff;--cyan:#5ad8ff;--green:#4fdda0;--danger:#ff718c;--radius:24px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 16% 8%,#14264a 0,transparent 34%),linear-gradient(145deg,#080d19,#0b1222 60%,#090e19);color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif;overflow-x:hidden}.hidden{display:none!important}.aurora{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.22}.aurora-one{width:420px;height:420px;background:#3157ff;right:-150px;top:-150px}.aurora-two{width:350px;height:350px;background:#18b7d4;left:-180px;bottom:-190px}.glass{background:linear-gradient(145deg,rgba(25,36,60,.86),rgba(13,21,36,.82));border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7190ff,#495ed9);box-shadow:0 10px 28px rgba(86,111,242,.38);color:#fff}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#7dcfff}.muted{color:var(--muted)}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}.primary{min-height:50px;padding:0 24px;border-radius:15px;background:linear-gradient(135deg,#718dff,#5368e4);color:white;font-size:12px;font-weight:800;letter-spacing:.07em;box-shadow:0 14px 30px rgba(75,96,218,.32);transition:.2s transform,.2s filter}.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:wait}.wide{width:100%}.ghost{min-height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:#cbd5eb}.link{background:none;color:#8ecbff;margin:12px auto;display:block}.auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,620px) minmax(340px,440px);gap:8vw;align-items:center;min-height:100vh;max-width:1200px;margin:auto;padding:48px}.auth-intro h1{font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.055em;margin:34px 0 22px}.auth-intro h1 span{background:linear-gradient(90deg,#7c96ff,#67dcff);-webkit-background-clip:text;color:transparent}.auth-intro>p{max-width:590px;color:#a5b2cc;font-size:18px;line-height:1.65}.trust-row{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:35px;color:#8494b2;font-size:12px}.trust-row span:first-child{color:var(--green)}.auth-card{padding:32px;border-radius:28px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#0d1526;padding:5px;border-radius:14px}.segmented button{height:40px;border-radius:10px;background:transparent;color:#7787a6}.segmented button.active{background:#263554;color:white}.auth-card h2{font-size:28px;margin:29px 0 4px}.auth-card>p{margin:0 0 24px}.auth-card label,.invite-card label{display:block;color:#a8b5cd;font-size:12px;font-weight:600;margin:17px 0}input{display:block;width:100%;height:52px;margin-top:8px;border:1px solid var(--line);border-radius:14px;background:#0d1525;color:white;padding:0 16px;outline:none}input:focus{border-color:#647ef2;box-shadow:0 0 0 3px rgba(100,126,242,.12)}.message{min-height:19px;margin-top:12px;font-size:12px;color:var(--green)}.message.error{color:var(--danger)}.cabinet{position:relative;z-index:1;display:grid;grid-template-columns:230px 1fr;min-height:100vh;padding:18px;gap:18px}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);border-radius:28px;padding:24px 18px;display:flex;flex-direction:column}.sidebar .brand{padding:2px 7px 25px}.sidebar nav{display:grid;gap:7px;margin-top:16px}.nav-item{display:flex;align-items:center;gap:14px;height:48px;border-radius:14px;padding:0 15px;background:transparent;color:#8291ad;text-align:left}.nav-item span{font-size:19px}.nav-item.active{background:linear-gradient(90deg,rgba(101,127,244,.2),rgba(77,98,187,.05));color:white}.protocol{margin-top:auto;padding:17px;border:1px solid var(--line);border-radius:18px;display:grid;gap:7px}.protocol small{color:#7585a3;font-size:8px;letter-spacing:.12em}.protocol strong{font-size:14px}.protocol span{color:#7e8ca7;font-size:10px;line-height:1.4}.sidebar>#logout{margin-top:12px}.workspace{padding:2px 24px 34px;max-width:1250px;width:100%;margin:auto}.workspace header{height:84px;display:flex;align-items:center;justify-content:space-between}.workspace header h2{font-size:22px;margin:0}.mobile-brand{display:none}.status-pill{border:1px solid rgba(79,221,160,.25);background:rgba(79,221,160,.08);color:var(--green);border-radius:99px;padding:9px 14px;font-size:9px;font-weight:800;letter-spacing:.12em}.view{display:none;animation:reveal .25s ease}.view.active{display:block}@keyframes reveal{from{opacity:0;transform:translateY(6px)}}.hero-card{min-height:350px;border-radius:30px;padding:38px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;right:-190px;top:-220px;background:radial-gradient(circle,rgba(89,121,255,.28),transparent 68%)}.hero-copy{position:relative;z-index:2;max-width:510px}.hero-copy h1{font-size:42px;margin:16px 0 10px;letter-spacing:-.035em}.hero-copy p{color:var(--muted);line-height:1.6}.hero-card .primary{position:absolute;left:38px;bottom:49px;z-index:2}.store-link{position:absolute;left:38px;bottom:22px;color:#7f90ae;font-size:10px;text-decoration:none;z-index:2}.shield{position:absolute;right:80px;top:70px;width:170px;height:190px;border:2px solid rgba(105,137,255,.5);border-radius:45% 45% 55% 55%/35% 35% 68% 68%;display:grid;place-items:center;filter:drop-shadow(0 18px 40px rgba(63,92,232,.25));z-index:1}.shield-core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:45px;background:linear-gradient(145deg,#6d88ff,#23355f);box-shadow:0 0 0 16px rgba(90,122,255,.08)}.shield span{position:absolute;width:230px;height:230px;border:1px solid rgba(91,124,255,.12);border-radius:50%}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;margin-top:16px}.stat-card,.steps{border-radius:22px;padding:24px;min-height:158px}.stat-card>span,.steps>span,.account-card>span,.invite-card>span{color:#7788a7;font-size:9px;font-weight:800;letter-spacing:.16em}.stat-card strong{display:block;font-size:40px;margin:13px 0 0}.stat-card p{color:#8f9db7;font-size:11px;margin:4px 0}.steps ol{color:#b5c0d7;font-size:12px;line-height:2;padding-left:19px;margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:26px 3px 28px}.section-heading h1{font-size:38px;margin:10px 0 0}.section-heading>p{color:var(--muted);max-width:390px;line-height:1.5}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{position:relative;border-radius:26px;padding:28px;min-height:405px;display:flex;flex-direction:column;overflow:hidden}.plan-card.featured{border-color:rgba(110,139,255,.55);transform:translateY(-7px)}.plan-card.featured:before{content:"";position:absolute;inset:-100px -100px auto;height:230px;background:radial-gradient(circle,rgba(91,123,255,.23),transparent 65%)}.plan-badge{align-self:flex-start;background:rgba(92,121,242,.14);color:#9cb1ff;border:1px solid rgba(103,132,255,.22);padding:7px 10px;border-radius:99px;font-size:8px;font-weight:800;letter-spacing:.12em;z-index:1}.plan-card h3{font-size:24px;margin:29px 0 5px;z-index:1}.price{font-size:43px;font-weight:800;letter-spacing:-.04em;margin:8px 0}.price small{font-size:13px;color:#8796b2;font-weight:500}.plan-card ul{padding:0;list-style:none;color:#aab5ca;font-size:12px;line-height:2.2;margin-bottom:25px}.plan-card li:before{content:"✓";color:var(--green);margin-right:9px}.plan-card .primary{margin-top:auto}.account-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1fr);gap:16px;align-items:start}.account-card,.invite-card{border-radius:25px;padding:28px}.account-card{grid-row:span 2;text-align:center}.account-card>span{display:block;text-align:left}.avatar{width:82px;height:82px;border-radius:25px;margin:30px auto 17px;display:grid;place-items:center;font-size:29px;font-weight:800;background:linear-gradient(145deg,#718fff,#3a4e96)}.account-card h3{margin:0}.access-line{margin-top:25px;padding:14px;border-radius:14px;background:rgba(79,221,160,.07);color:var(--green);font-size:11px}.invite-card h3{font-size:23px;margin:15px 0 4px}.invite-card .muted{font-size:12px;line-height:1.55}.code-input{text-transform:uppercase;letter-spacing:.1em;font-weight:700}.duration-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.duration-row button{height:38px;border-radius:11px;background:#10192a;color:#8291ad;font-size:10px}.duration-row button.active{background:#334477;color:white}.created-code{margin-top:18px;padding:18px;border:1px dashed rgba(108,139,255,.45);border-radius:16px;text-align:center}.created-code strong{display:block;font-size:20px;letter-spacing:.08em;color:#a9baff;margin-bottom:13px}.created-code>div{display:flex;gap:7px}.created-code button{flex:1;font-size:10px}.bottom-nav{display:none}.toast{position:fixed;z-index:20;left:50%;bottom:26px;transform:translate(-50%,20px);padding:13px 18px;border:1px solid var(--line);border-radius:14px;background:#17233a;opacity:0;pointer-events:none;transition:.25s;color:white;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;max-width:560px;padding:30px 20px}.auth-intro{padding-top:30px}.auth-intro h1{font-size:53px}.cabinet{display:block;padding:0}.sidebar{display:none}.workspace{padding:0 18px 105px}.workspace header{height:78px}.workspace header h2{display:none}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:36px;height:36px}.hero-card{padding:28px;min-height:480px}.hero-copy h1{font-size:35px}.shield{right:50%;transform:translateX(50%);top:190px;width:125px;height:140px}.shield-core{width:70px;height:70px;font-size:34px}.hero-card .primary{left:24px;right:24px;bottom:50px}.store-link{left:0;right:0;text-align:center;bottom:23px}.dashboard-grid{grid-template-columns:1fr 1fr}.steps{grid-column:1/-1}.plans-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.section-heading{display:block}.section-heading>p{font-size:12px}.account-grid{grid-template-columns:1fr}.account-card{grid-row:auto}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:70px;border-radius:22px;padding:7px;z-index:10}.bottom-nav button{background:transparent;color:#7786a3;border-radius:16px;font-size:9px;display:grid;place-items:center;gap:2px}.bottom-nav button span{font-size:20px;line-height:1}.bottom-nav button.active{background:rgba(99,125,236,.16);color:white}}
@media(max-width:520px){.auth-intro>p,.trust-row{display:none}.auth-intro h1{font-size:43px;margin:25px 0 5px}.auth-shell{align-content:start}.auth-card{padding:24px;margin-top:20px}.dashboard-grid{grid-template-columns:1fr}.steps{grid-column:auto}.section-heading h1{font-size:31px}.account-card,.invite-card{padding:23px}.duration-row{grid-template-columns:repeat(2,1fr)}}