:root{--bg:#070914;--bg2:#111124;--text:#f8f7ff;--muted:#a9a5bc;--purple:#8367c7;--purple2:#5d3a9b;--gold:#d7b44a;--line:rgba(255,255,255,.11)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 68% 12%,rgba(92,57,155,.26),transparent 34%),radial-gradient(circle at 22% 82%,rgba(131,103,199,.15),transparent 32%),linear-gradient(135deg,#050710,#0b0d1a 55%,#141126);overflow-x:hidden}.cosmos{position:fixed;inset:0;pointer-events:none;overflow:hidden}.cosmos:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.3px);background-size:82px 82px;opacity:.16}.cosmos i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff;animation:twinkle 4s ease-in-out infinite}.cosmos i:nth-child(1){left:12%;top:16%}.cosmos i:nth-child(2){left:83%;top:22%;animation-delay:.8s}.cosmos i:nth-child(3){left:72%;top:74%;animation-delay:1.4s}.cosmos i:nth-child(4){left:28%;top:68%;animation-delay:2.2s}.cosmos i:nth-child(5){left:92%;top:58%;animation-delay:2.8s}.cosmos i:nth-child(6){left:48%;top:9%;animation-delay:3.2s}@keyframes twinkle{0%,100%{opacity:.18;transform:scale(.65)}50%{opacity:1;transform:scale(1.25)}}@keyframes entrance{0%{opacity:0;transform:translateY(22px) scale(.985);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}.entrance{animation:entrance .8s cubic-bezier(.2,.75,.25,1) both}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(460px,100%);position:relative;padding:48px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(18,18,38,.88),rgba(8,10,22,.9));box-shadow:0 36px 100px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px)}.login-card:before{content:"";position:absolute;inset:-1px;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(215,180,74,.6),rgba(131,103,199,.45),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-logo{width:196px;max-height:92px;object-fit:contain;object-position:left center;margin-bottom:32px}.kicker{font-size:10px;letter-spacing:.2em;font-weight:800;color:#d5b64f}.login-card h1,.hub-head h1{margin:8px 0 10px;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}.login-card h1{font-size:42px;line-height:1.04}.login-card p,.hub-head p{margin:0;color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:16px;margin-top:30px}.login-card label{display:grid;gap:8px;font-size:12px;color:#c2bfd2}.login-card input{width:100%;padding:14px 15px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:#fff;outline:none;transition:.2s}.login-card input:focus{border-color:#8f74dd;box-shadow:0 0 0 4px rgba(131,103,199,.14)}.main-btn{border:0;border-radius:14px;padding:15px 17px;background:linear-gradient(135deg,#8b6ad0,#6440ad);color:#fff;font-weight:800;display:flex;justify-content:space-between;align-items:center;box-shadow:0 14px 34px rgba(93,58,155,.32);cursor:pointer}.error{margin-top:18px;padding:12px 14px;border:1px solid rgba(255,90,90,.3);background:rgba(255,70,70,.08);border-radius:12px;color:#ffb8b8;font-size:12px}.secure{display:block;text-align:center;color:#6f6b82;margin-top:18px}.hub-wrap{position:relative;z-index:1;width:min(1280px,calc(100% - 44px));margin:0 auto;padding:54px 0 28px}.hub-head{display:flex;align-items:center;gap:28px;padding:8px 0 34px;border-bottom:1px solid var(--line)}.hub-logo{width:190px;max-height:78px;object-fit:contain;object-position:left center}.hub-head>div{flex:1}.hub-head h1{font-size:43px}.logout{color:#aaa5bd;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:12px}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.system-card{position:relative;min-height:270px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:#fff;text-decoration:none;display:grid;grid-template-columns:60px 1fr;grid-template-rows:1fr auto;gap:22px;overflow:hidden;transition:transform .26s ease,border-color .26s,background .26s,box-shadow .26s;box-shadow:0 18px 50px rgba(0,0,0,.16)}.system-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-100px;background:var(--glow);filter:blur(5px);opacity:.22;transition:.35s}.system-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.23);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 26px 70px rgba(0,0,0,.28)}.system-card:hover:before{transform:scale(1.22);opacity:.32}.system-card.orbit{--glow:#7666ff}.system-card.studio{--glow:#9b78ff}.system-card.experience{--glow:#d8b343}.system-card.deploy{--glow:#4c8dff}.system-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px;font-weight:700;background:linear-gradient(145deg,var(--glow),rgba(18,17,38,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 30px rgba(0,0,0,.22)}.system-card small{font-size:9px;letter-spacing:.17em;color:#aaa5bd;font-weight:800}.system-card h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:500;margin:7px 0 7px}.system-card p{max-width:440px;color:#a8a4b8;line-height:1.55;font-size:13px;margin:0}.system-card>b{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.card-index{position:absolute;right:22px;bottom:18px;font:700 52px/1 Georgia,serif;color:rgba(255,255,255,.035)}footer{text-align:center;color:#676476;font-size:10px;margin-top:32px}@media(max-width:780px){.hub-wrap{width:min(100% - 28px,680px);padding-top:28px}.hub-head{align-items:flex-start;flex-wrap:wrap}.hub-logo{width:148px}.hub-head h1{font-size:34px}.logout{margin-left:auto}.system-grid{grid-template-columns:1fr}.system-card{min-height:240px}.login-card{padding:34px 26px}.login-card h1{font-size:36px}.login-logo{width:165px}}