.login-stage{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;perspective:1300px;background:linear-gradient(-45deg,var(--bg),var(--nv),var(--nv2),var(--bg2),var(--bg));background-size:400% 400%;animation:loginGradShift 18s ease infinite}@keyframes loginGradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-network{opacity:.55;mix-blend-mode:screen}.login-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px circle at var(--mx, 50%) var(--my, 50%),rgba(255,154,74,.28) 0%,rgba(232,101,10,.1) 30%,rgba(2,6,14,.35) 65%,rgba(2,6,14,.65) 100%);transition:background .05s linear}.login-tilt{transform-style:preserve-3d;transform:rotateX(var(--ry, 0deg)) rotateY(var(--rx, 0deg));transition:transform .35s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.login-card{width:400px;max-width:calc(100vw - 32px);background:#08152ab8;border:1px solid rgba(255,154,74,.18);border-radius:20px;padding:44px 40px 34px;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 28px 70px #0009,0 1px #ffffff0a inset;position:relative;animation:loginRise .6s cubic-bezier(.16,1,.3,1) both,loginDrift 6.5s ease-in-out .6s infinite}@keyframes loginRise{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loginDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.login-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--or) 0%,transparent 30%,transparent 70%,var(--or2) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.25;animation:loginBreathe 4.5s ease-in-out infinite;pointer-events:none}@keyframes loginBreathe{0%,to{opacity:.14}50%{opacity:.4}}.login-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--cx, 50%) var(--cy, 30%),rgba(255,255,255,.14) 0%,rgba(255,255,255,.03) 45%,rgba(2,6,14,.22) 100%);transition:background .05s linear}.login-card-content{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:28px}.login-brand-name{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--tx);letter-spacing:-.01em}.login-brand-name span{color:var(--or2)}.login-brand-tag{font-size:11px;color:var(--tx3);margin-top:3px}.login-eyebrow{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--or2);display:flex;align-items:center;gap:7px;margin-bottom:6px}.login-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg);animation:loginPulse 2.2s ease-in-out infinite}@keyframes loginPulse{0%,to{box-shadow:0 0 0 3px var(--ok-bg)}50%{box-shadow:0 0 0 6px #22c55e0a}}.login-title{font-size:15px;color:var(--tx2);margin-bottom:22px;font-family:var(--font-display);font-weight:700}.lf{margin-bottom:15px}.lf label{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);font-family:var(--font-body);margin-bottom:6px}.lf input{width:100%;background:var(--panel-bg);border:1.5px solid var(--border);border-radius:8px;color:var(--tx);font-size:13.5px;font-family:var(--font-body);padding:11px 14px;outline:none;transition:border-color .18s,box-shadow .18s}.lf input::placeholder{color:var(--tx3)}.lf input:focus{border-color:var(--or);box-shadow:0 0 0 3px var(--or-glow)}.lf input:focus-visible{outline:2px solid var(--or);outline-offset:1px}.login-err{background:var(--err-bg);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:9px 13px;color:#fca5a5;font-size:12px;margin-bottom:14px}.login-btn{width:100%;background:linear-gradient(135deg,var(--or),var(--or2));border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:var(--sh-or);transition:opacity .15s,box-shadow .2s,transform .15s;font-family:var(--font-body)}.login-btn:hover{opacity:.92;box-shadow:0 10px 28px var(--or-glow)}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.65;cursor:default}.login-btn:focus-visible{outline:2px solid var(--tx);outline-offset:2px}.login-btn svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.login-btn:hover svg{transform:translate(3px)}.login-footer{text-align:center;margin-top:18px;font-size:11px;color:var(--tx3)}.login-footer code{font-family:Inter,monospace;color:var(--tx2)}@media (max-width: 460px){.login-card{padding:34px 26px 26px}}@media (prefers-reduced-motion: reduce){.login-stage,.login-card,.login-card:before,.login-eyebrow .dot{animation:none!important}}.hub-stage{min-height:100vh;width:100%;position:relative;overflow-x:hidden;overflow-y:auto;background:linear-gradient(-45deg,var(--bg),var(--nv),var(--nv2),var(--bg2),var(--bg));background-size:400% 400%;animation:hubGradShift 22s ease infinite;display:flex;flex-direction:column}@keyframes hubGradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hub-network{opacity:.4;mix-blend-mode:screen;position:fixed}.hub-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;flex-shrink:0}.hub-brand{display:flex;align-items:center;gap:12px}.hub-brand-name{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--tx);letter-spacing:-.01em}.hub-brand-name span{color:var(--or2)}.hub-brand-tag{font-size:11px;color:var(--tx3);margin-top:2px}.hub-user{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 10px 6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card-bg);transition:background .15s,border-color .15s}.hub-user:hover{background:var(--hover-bg);border-color:var(--border-strong)}.hub-user-info{text-align:right}.hub-user-name{font-size:12px;color:var(--tx);font-family:var(--font-body);white-space:nowrap}.hub-user-exit{font-size:10px;color:var(--tx3)}.hub-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 24px 64px}.hub-intro{text-align:center;max-width:620px;margin:12px 0 36px}.hub-eyebrow{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--or2);display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:12px}.hub-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg);animation:hubPulse 2.2s ease-in-out infinite}@keyframes hubPulse{0%,to{box-shadow:0 0 0 3px var(--ok-bg)}50%{box-shadow:0 0 0 6px #22c55e0a}}.hub-title{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--tx);letter-spacing:-.02em;margin:0 0 10px}.hub-subtitle{font-size:14px;color:var(--tx2);margin:0;font-family:var(--font-body)}.hub-grid{width:100%;max-width:1180px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.hub-card{position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 22px;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);cursor:pointer;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease);outline:none}.hub-card:hover,.hub-card:focus-visible{transform:translateY(-4px);border-color:#ff9a4a66;box-shadow:0 20px 44px #00000073,0 0 0 1px #ff9a4a1f,var(--sh-or);background:#0d22408c}.hub-card:focus-visible{outline:2px solid var(--or);outline-offset:2px}.hub-card:active{transform:translateY(-1px)}.hub-card-icon{width:46px;height:46px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#e8650a38,#ff7a1a1a);border:1px solid rgba(255,154,74,.2);margin-bottom:16px}.hub-card-title{font-family:var(--font-display);font-size:15.5px;font-weight:700;color:var(--tx);margin-bottom:6px;letter-spacing:-.01em}.hub-card-desc{font-size:12.5px;color:var(--tx2);line-height:1.5;font-family:var(--font-body)}.hub-card-cta{margin-top:16px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--or2);font-family:var(--font-body)}.hub-card-cta svg{transition:transform .2s var(--ease)}.hub-card:hover .hub-card-cta svg{transform:translate(3px)}.hub-badge{position:absolute;top:16px;right:16px;font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);background:#ffffff0d;border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-family:var(--font-body)}.hub-badge-alert{color:var(--warn);background:var(--warn-bg);border-color:#f59e0b59}.hub-card-soon{cursor:default}.hub-card-soon .hub-card-icon{background:#ffffff0a;border-color:var(--border);filter:grayscale(.4)}.hub-card-soon .hub-card-title,.hub-card-soon .hub-card-desc{opacity:.62}.hub-card-soon:hover,.hub-card-soon:focus-visible{transform:none;border-color:var(--border);box-shadow:none;background:var(--card-bg)}@media (max-width: 560px){.hub-header{padding:16px 18px}.hub-brand-tag{display:none}.hub-title{font-size:23px}.hub-grid{grid-template-columns:1fr 1fr;gap:12px}.hub-card{padding:18px 16px}}@media (prefers-reduced-motion: reduce){.hub-stage,.hub-eyebrow .dot{animation:none!important}}:root{--or: #E8650A;--or2: #FF7A1A;--or3: #FF9A4A;--or-glow: rgba(232, 101, 10, .22);--nv: #081628;--nv2: #0D2240;--nv3: #1A3A6A;--nv4: #1E4080;--bg: #050E1C;--bg2: #08152A;--tx: #EEF2FF;--tx2: rgba(238, 242, 255, .6);--tx3: rgba(238, 242, 255, .35);--line: rgba(255, 255, 255, .08);--sh-or: 0 8px 32px rgba(232, 101, 10, .35);--r: 10px;--r-lg: 16px;--r-xl: 22px;--r-f: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--card-bg: rgba(13, 34, 64, .38);--panel-bg: rgba(8, 22, 40, .55);--hover-bg: rgba(255, 255, 255, .045);--active-bg: rgba(232, 101, 10, .1);--border: var(--line);--border-strong: rgba(255, 255, 255, .14);--ok: #22c55e;--ok-bg: rgba(34, 197, 94, .12);--warn: #f59e0b;--warn-bg: rgba(245, 158, 11, .12);--err: #ef4444;--err-bg: rgba(239, 68, 68, .12);--info: var(--nv4);--info-bg: rgba(30, 64, 128, .28);--font-display: "Syne", "Inter", sans-serif;--font-body: "Inter", sans-serif}