@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
.Header-module__hBw1pG__header{z-index:50;border-bottom:1px solid var(--border-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);width:100%;position:fixed;top:0;left:0}.Header-module__hBw1pG__headerInner{justify-content:space-between;align-items:center;height:72px;display:flex}.Header-module__hBw1pG__logo{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--text-primary);transition:opacity var(--transition-fast);display:flex}.Header-module__hBw1pG__logo:hover{opacity:.8}.Header-module__hBw1pG__logoIcon{color:var(--primary-500)}.Header-module__hBw1pG__logoText span{font-weight:800}.Header-module__hBw1pG__nav{align-items:center;gap:var(--space-4);display:flex}.Header-module__hBw1pG__userInfo{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);margin-right:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--border-primary);display:flex}.Header-module__hBw1pG__userIcon{color:var(--primary-400)}.Header-module__hBw1pG__userEmail{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}@media (max-width:768px){.Header-module__hBw1pG__userInfo{display:none}}
:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--accent-400:#22d3ee;--accent-500:#06b6d4;--accent-600:#0891b2;--success-400:#4ade80;--success-500:#22c55e;--warning-400:#facc15;--warning-500:#eab308;--error-400:#f87171;--error-500:#ef4444;--bg-primary:#0a0a1a;--bg-secondary:#111127;--bg-tertiary:#1a1a3e;--bg-card:#13132b;--bg-card-hover:#1a1a40;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#0f172a;--border-primary:#1e293b;--border-secondary:#334155;--glass-bg:#0f0f23b3;--glass-border:#ffffff14;--glass-strong-bg:#0f0f23e6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0000004d;--shadow-glow:0 0 60px #6366f140;--shadow-glow-accent:0 0 60px #06b6d433;--gradient-mesh:radial-gradient(at 40% 20%,#6366f126 0px,transparent 50%),radial-gradient(at 80% 0%,#06b6d41a 0px,transparent 50%),radial-gradient(at 0% 50%,#6366f114 0px,transparent 50%);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--gradient-primary:linear-gradient(135deg,var(--primary-500),var(--primary-700));--gradient-accent:linear-gradient(135deg,var(--accent-500),var(--primary-500));--gradient-hero:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}[data-theme=light]{--bg-primary:#fafbff;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-card:#fff;--bg-card-hover:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--glass-strong-bg:#ffffffd9;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--shadow-glow:0 0 40px #6366f126;--shadow-glow-accent:0 0 40px #06b6d426;--gradient-mesh:radial-gradient(at 40% 20%,#6366f11f 0px,transparent 50%),radial-gradient(at 80% 0%,#06b6d414 0px,transparent 50%),radial-gradient(at 0% 50%,#6366f10f 0px,transparent 50%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-base),color var(--transition-base);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:800px}.container-wide{max-width:1400px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-strong-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border)}.heading-1{font-size:var(--text-5xl);letter-spacing:-.02em;font-weight:800;line-height:1.1}.heading-2{font-size:var(--text-4xl);letter-spacing:-.01em;font-weight:700;line-height:1.2}.heading-3{font-size:var(--text-2xl);font-weight:600;line-height:1.3}.heading-4{font-size:var(--text-xl);font-weight:600;line-height:1.4}.subtext{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.7}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),0 0 20px #6366f133}.btn-primary:hover{box-shadow:var(--shadow-lg),0 0 30px #6366f14d;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary-400)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-xs)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--primary-400);box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}.card-selected{border-color:var(--primary-500);box-shadow:var(--shadow-glow);background:var(--bg-card-hover)}.card-glow{position:relative}.card-glow:before{content:"";border-radius:var(--radius-xl);background:var(--gradient-accent);z-index:-1;opacity:0;transition:opacity var(--transition-base);position:absolute;inset:-1px}.card-glow:hover:before{opacity:1}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-500);background:#6366f11a}.badge-accent{color:var(--accent-500);background:#06b6d41a}.badge-success{color:var(--success-500);background:#22c55e1a}.badge-warning{color:var(--warning-500);background:#eab3081a}.badge-coming-soon{color:var(--text-tertiary);background:#94a3b81a}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.input-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.input{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-sm);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);outline:none;font-family:inherit}.input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.input:disabled{opacity:.5;cursor:not-allowed}.input::placeholder{color:var(--text-tertiary)}.section{padding:var(--space-24)0}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header .subtext{max-width:600px;margin:var(--space-4)auto 0}.page{flex-direction:column;min-height:100vh;display:flex}.page-content{padding:var(--space-12)0;flex:1}.page-center{justify-content:center;align-items:center;min-height:calc(100vh - 80px);display:flex}.mesh-bg{position:relative}.mesh-bg:before{content:"";background:var(--gradient-mesh);pointer-events:none;z-index:0;position:absolute;inset:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.animate-fadeInUp{animation:.6s ease-out forwards fadeInUp}.animate-fadeIn{animation:.5s ease-out forwards fadeIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#6366f114 50%,#0000 100%) 0 0/200% 100%;animation:2s linear infinite shimmer}.animate-spin{animation:1s linear infinite spin}.spinner{border:2px solid var(--border-primary);border-top-color:var(--primary-500);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}.divider{background:var(--border-primary);height:1px;margin:var(--space-8)0}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot-running{background:var(--success-500);box-shadow:0 0 8px #22c55e66}.status-dot-provisioning{background:var(--warning-500);animation:1.5s ease-in-out infinite pulse-soft}.status-dot-stopped{background:var(--error-500)}@media (max-width:768px){.heading-1{font-size:var(--text-4xl)}.heading-2{font-size:var(--text-3xl)}.section{padding:var(--space-16)0}.container{padding:0 var(--space-4)}}@media (max-width:480px){.heading-1{font-size:var(--text-3xl)}.heading-2{font-size:var(--text-2xl)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{color:var(--text-primary);background:#6366f14d}