:root{--bg:#020713;--bg-2:#061021;--panel:#071122c7;--panel-2:#0a1931eb;--line:#85bdff2e;--line-strong:#5ba3ff59;--text:#f4f8ff;--muted:#95a7c4;--blue:#36a3ff;--blue-2:#73c7ff;--deep-blue:#0a58ff;--cyan:#42f5ff;--green:#49ffb2;--yellow:#ffd76a;--shadow:0 24px 80px #00081894;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.portal-shell{min-height:100vh;padding:94px 22px 42px;position:relative;overflow-x:hidden}.background-grid{z-index:-4;background:linear-gradient(#36a3ff0b 1px,#0000 1px) 0 0/52px 52px,linear-gradient(90deg,#36a3ff0b 1px,#0000 1px) 0 0/52px 52px,radial-gradient(circle at 20% 20%,#166eff42,#0000 30%),radial-gradient(circle at 80% 5%,#42f5ff29,#0000 28%),linear-gradient(145deg,#020713,#061426 58%,#020713);position:fixed;inset:0}.background-grid:after{content:"";background:radial-gradient(circle,#0000 0,#02071333 42%,#020713eb 100%);position:absolute;inset:0}.glow{filter:blur(60px);opacity:.45;pointer-events:none;z-index:-3;border-radius:999px;position:fixed}.glow-a{background:#0a58ff;width:360px;height:360px;top:130px;left:-120px}.glow-b{opacity:.22;background:#00c2ff;width:420px;height:420px;bottom:90px;right:-170px}.top-bar{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(1180px,100% - 28px);height:62px;box-shadow:var(--shadow);background:#030a18c7;border-radius:22px;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.hamburger{cursor:pointer;background:#0f213dd9;border:1px solid #73c7ff38;border-radius:15px;place-items:center;gap:0;width:42px;height:42px;padding:11px;transition:all .2s;display:grid}.hamburger:hover,.icon-button:hover{border-color:#73c7ff8c;box-shadow:0 0 24px #36a3ff29}.hamburger span{background:var(--text);border-radius:99px;width:18px;height:2px;transition:all .22s;display:block}.hamburger.active span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.top-brand,.brand-block{align-items:center;gap:12px;display:flex}.top-brand{position:absolute;left:50%;transform:translate(-50%)}.brand-logo{background:linear-gradient(135deg, var(--blue), var(--deep-blue));letter-spacing:-.03em;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:950;display:grid;box-shadow:0 0 38px #36a3ff5c}.brand-logo.small{width:40px;height:40px;font-size:12px}.top-brand strong,.brand-block strong{letter-spacing:.08em;font-size:14px;display:block}.top-brand small,.brand-block small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.top-action{color:var(--blue-2);background:#36a3ff1c;border:1px solid #73c7ff42;border-radius:999px;padding:11px 16px;font-weight:800;transition:all .2s}.top-action:hover{background:#36a3ff33;border-color:#73c7ff8c}.side-menu{z-index:50;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-right:1px solid var(--line-strong);background:#020816eb;flex-direction:column;width:min(390px,100vw - 28px);height:100vh;padding:18px;transition:transform .34s cubic-bezier(.22,.75,.24,1);display:flex;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:24px 0 90px #00000073}.side-menu.open{transform:translate(0)}.side-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.icon-button{width:42px;height:42px;color:var(--text);cursor:pointer;background:#0f213dd9;border:1px solid #73c7ff38;border-radius:15px;font-size:28px}.side-nav{gap:10px;padding:22px 0;display:grid}.side-nav button,.overview-card{text-align:left;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#09162ba6;border-radius:20px;transition:all .2s}.side-nav button{padding:16px}.side-nav button span,.overview-card strong{font-size:15px;font-weight:900;display:block}.side-nav button small{color:var(--muted);margin-top:5px;display:block}.side-nav button:hover,.side-nav button.active,.overview-card:hover{background:linear-gradient(135deg,#36a3ff2e,#0a58ff14);border-color:#73c7ff8c;transform:translateY(-2px);box-shadow:0 18px 50px #001a4d47}.side-footer{border:1px solid var(--line);background:linear-gradient(135deg,#36a3ff29,#42f5ff0f);border-radius:22px;margin-top:auto;padding:18px}.side-footer span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:12px;display:block}.menu-backdrop{z-index:45;cursor:pointer;background:#00000073;border:0;position:fixed;inset:0}.content-frame{width:min(1180px,100%);margin:0 auto}.page-view{border:1px solid var(--line);min-height:calc(100vh - 150px);box-shadow:var(--shadow);background:linear-gradient(140deg,#071122d1,#0309159e);border-radius:32px;padding:clamp(22px,4vw,46px);position:relative;overflow:hidden}.page-view:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 0,#36a3ff24,#0000 30%),radial-gradient(circle at 84% 20%,#42f5ff14,#0000 28%);position:absolute;inset:0}.page-view>*{position:relative}.hero-layout{grid-template-columns:1.2fr .8fr;align-items:center;gap:26px;min-height:580px;display:grid}.kicker{color:var(--blue-2);text-transform:uppercase;letter-spacing:.16em;margin:0 0 14px;font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}.hero-copy h1,.page-header h1{letter-spacing:-.075em;max-width:820px;margin:0;line-height:.94}.hero-copy h1{font-size:clamp(58px,10vw,126px)}.page-header h1{font-size:clamp(42px,7vw,86px)}.lead,.page-header p,.hero-copy p:not(.kicker){color:#bfd0e8;max-width:780px;font-size:clamp(17px,2.1vw,22px);line-height:1.65}.button-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:14px 20px;font-weight:900;transition:all .2s}.button.primary{color:#001229;background:linear-gradient(135deg, var(--blue-2), var(--blue));box-shadow:0 0 34px #36a3ff47}.button.ghost{color:var(--text);border-color:var(--line);background:#ffffff0a}.button:hover{transform:translateY(-2px)}.command-card,.project-detail,.person-card,.status-card,.roadmap-item,.notice-box,.link-grid a,.domain-strip div{border:1px solid var(--line);border-radius:var(--radius);background:#050e1ead;box-shadow:0 18px 50px #0008183d}.command-card{min-height:360px;padding:18px;position:relative;overflow:hidden}.command-card:after{content:"";background:var(--blue);filter:blur(56px);opacity:.35;width:180px;height:180px;position:absolute;bottom:-70px;right:-70px}.terminal-top{border-bottom:1px solid var(--line);gap:8px;padding-bottom:18px;display:flex}.terminal-top span{background:#73c7ffa6;border-radius:50%;width:11px;height:11px}.terminal-lines{gap:16px;padding:26px 4px 0;display:grid}.terminal-lines code{color:var(--cyan);font-size:15px}.terminal-lines p{color:var(--muted);border-bottom:1px solid #85bdff17;justify-content:space-between;gap:18px;margin:0;padding-bottom:13px;display:flex}.terminal-lines span{color:var(--text);font-weight:900}.quick-grid,.people-grid,.status-board,.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.overview-card{padding:22px}.overview-card p{color:var(--muted);line-height:1.55}.overview-card span{color:var(--blue-2);font-weight:900}.domain-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.domain-strip div{padding:16px}.domain-strip strong,.domain-strip span{display:block}.domain-strip span{color:var(--muted);margin-top:5px}.page-header{margin-bottom:28px}.project-list,.roadmap-list{gap:18px;display:grid}.project-detail{grid-template-columns:1.05fr .95fr;gap:22px;padding:22px;display:grid}.tag-row,.status-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.tag-row span,.person-card span,.status-card span,.address-box span{color:var(--blue-2);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.tag-row strong{color:var(--green);background:#49ffb21a;border:1px solid #49ffb238;border-radius:999px;padding:7px 10px;font-size:12px}.project-main h2,.person-card h2,.status-card h2,.roadmap-item h2{letter-spacing:-.04em;margin:18px 0 10px;font-size:clamp(24px,3vw,40px)}.project-main p,.person-card p,.status-card p,.roadmap-item p,.project-side li,.notice-box{color:var(--muted);line-height:1.65}.address-box{border:1px solid var(--line);background:#36a3ff14;border-radius:18px;margin-top:22px;padding:16px}.address-box strong{margin-top:5px;font-size:22px;display:block}.project-side{border-left:1px solid var(--line);padding-left:22px}.project-side h3,.person-card h3{color:var(--text);margin-bottom:12px}.project-side ul{margin-bottom:0;padding-left:18px}.person-card,.status-card,.notice-box,.link-grid a{padding:22px}.notice-box{margin-top:16px}.status-pill{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:12px}.status-pill.green{color:var(--green);background:#49ffb21a;border-color:#49ffb23d}.status-pill.yellow{color:var(--yellow);background:#ffd76a1a;border-color:#ffd76a3d}.status-pill.blue{color:var(--blue-2);background:#36a3ff1a;border-color:#36a3ff3d}.roadmap-item{grid-template-columns:150px 1fr;gap:24px;padding:24px;display:grid}.roadmap-item>span{color:var(--cyan);letter-spacing:-.04em;font-size:28px;font-weight:950}.link-grid a{transition:all .2s}.link-grid a:hover{border-color:#73c7ff8f;transform:translateY(-3px)}.link-grid strong,.link-grid span{display:block}.link-grid strong{margin-bottom:8px;font-size:20px}.link-grid span{color:var(--muted);line-height:1.55}@media (max-width:900px){.portal-shell{padding-inline:12px}.hero-layout,.project-detail,.quick-grid,.people-grid,.status-board,.link-grid,.domain-strip,.roadmap-item{grid-template-columns:1fr}.hero-layout{min-height:auto}.project-side{border-left:0;border-top:1px solid var(--line);padding-top:18px;padding-left:0}.top-brand{position:static;transform:none}}@media (max-width:620px){.top-action{display:none}.top-bar{height:58px}.brand-logo.small{border-radius:12px;width:34px;height:34px;font-size:10px}.top-brand strong{font-size:12px}.top-brand small{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.page-view{border-radius:24px;padding:20px}.hero-copy h1,.page-header h1{letter-spacing:-.055em}}.status-pill{align-items:center;gap:8px;display:inline-flex}.status-dot{border-radius:999px;flex:none;width:8px;height:8px}.status-online .status-dot,.status-active .status-dot,.status-core .status-dot{background:#22c55e;box-shadow:0 0 12px #22c55ee6}.status-offline .status-dot{background:#ef4444;box-shadow:0 0 12px #ef4444e6}.status-setup .status-dot,.status-in-development .status-dot{background:#facc15;box-shadow:0 0 12px #facc15e6}.status-planning .status-dot,.status-planned .status-dot,.status-concept .status-dot,.status-future .status-dot{background:#38bdf8;box-shadow:0 0 12px #38bdf8e6}.status-target-link{color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;font-weight:800;text-decoration:none}.status-target-link:hover{color:#fff;text-shadow:0 0 14px #7dd3fcbf}