:root{--bg:#0B1120;--bg-elevated:#111827;--bg-card:#1E293B;--bg-card-hover:#243244;--bg-glass:rgba(11,17,32,0.88);--bg-surface:#0F172A;--primary:#2563EB;--primary-light:#3B82F6;--primary-dark:#1D4ED8;--primary-50:rgba(37,99,235,0.08);--primary-100:rgba(37,99,235,0.15);--secondary:#0EA5E9;--secondary-light:#38BDF8;--secondary-50:rgba(14,165,233,0.08);--accent:#10B981;--accent-dark:#059669;--accent-50:rgba(16,185,129,0.1);--accent-100:rgba(16,185,129,0.2);--gradient:linear-gradient(135deg,#2563EB,#0EA5E9);--gradient-cta:linear-gradient(135deg,#10B981,#059669);--text:#F1F5F9;--text-secondary:#94A3B8;--text-dim:#64748B;--text-on-primary:#FFFFFF;--border:rgba(148,163,184,0.1);--border-hover:rgba(148,163,184,0.2);--border-active:rgba(37,99,235,0.5);--success:#10B981;--warning:#F59E0B;--error:#EF4444;--info:#0EA5E9;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-full:9999px;--max-width:1200px;--font:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--primary);color:white}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(1turn)}}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-lg{padding:100px 0}.glass{background:var(--bg-glass);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s ease}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.card-static{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;border:none;font-family:var(--font);white-space:nowrap}.btn-primary{background:var(--gradient);color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.35)}.btn-cta{background:var(--gradient-cta);color:white}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.35)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--primary-light)}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:16px 36px;font-size:16px}.btn-full{width:100%}.tag{display:inline-block;padding:5px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.tag-primary{background:var(--primary-50);color:var(--primary-light);border:1px solid var(--primary-100)}.tag-accent{background:var(--accent-50);color:var(--accent);border:1px solid var(--accent-100)}.tag-neutral{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border)}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.status-dot{width:7px;height:7px;border-radius:50%}.status-active .status-dot{background:var(--success);box-shadow:0 0 8px var(--success)}.status-pending .status-dot{background:var(--warning)}.status-error .status-dot{background:var(--error)}.input,.select,.textarea{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;width:100%;outline:none;transition:border .3s,box-shadow .3s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.textarea{resize:vertical;min-height:120px}.label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.heading-xl{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.03em}.heading-lg{font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.2;letter-spacing:-.02em}.heading-md{font-size:22px;font-weight:700;line-height:1.3}.heading-sm{font-size:18px;font-weight:600;line-height:1.4}.text-gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:3px}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}.section-lg{padding:80px 0}}@media (max-width:768px){.container{padding:0 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:48px 0}.section-lg{padding:60px 0}.hide-mobile{display:none!important}.btn{padding:10px 20px;font-size:13px}.btn-lg{padding:12px 28px;font-size:14px}}@media (max-width:480px){.container{padding:0 12px}.heading-xl{font-size:28px}.heading-lg{font-size:22px}.card{border-radius:var(--radius-sm)}.grid-auto,.grid-auto-sm{grid-template-columns:1fr}}.portal-sidebar{width:260px;min-height:100vh;background:var(--bg-elevated);border-right:1px solid var(--border);padding:24px 16px;position:fixed;left:0;top:0}.portal-main{margin-left:260px;padding:24px;min-height:100vh}@media (max-width:768px){.portal-sidebar{width:100%;min-height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border);padding:16px}.portal-main{margin-left:0;padding:16px}}.phase-timeline{position:relative;padding-left:32px}.phase-timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--border)}.phase-item{position:relative;margin-bottom:24px}.phase-dot{position:absolute;left:-32px;top:4px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:1}.phase-dot-completed{background:var(--success);color:white}.phase-dot-active{background:var(--primary);color:white;box-shadow:0 0 12px var(--primary)}.phase-dot-pending{background:var(--bg-card);color:var(--text-dim);border:2px solid var(--border)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}