:root{--color-primary-navy:#0a1128;--color-primary-dark:#060b1a;--color-navy-card:#0f1b38;--color-navy-card-border:#ffffff14;--color-navy-card-hover:#15254d;--color-brand-cyan:#00e5ff;--color-brand-cyan-glow:#00e5ff59;--color-brand-blue:#0072ff;--color-brand-indigo:#4f46e5;--color-brand-purple:#9333ea;--color-brand-violet:#7928ca;--bg-page:#f8fafc;--bg-canvas-subtle:#f0f6ff;--bg-card-light:#fff;--bg-card-muted:#f1f5f9;--bg-card-hover:#fff;--text-main:#0b132b;--text-heading:#060d20;--text-muted:#475569;--text-subtle:#64748b;--text-inverse:#fff;--text-inverse-muted:#94a3b8;--gradient-brand-primary:linear-gradient(135deg, #00e5ff 0%, #0072ff 50%, #9333ea 100%);--gradient-brand-horizontal:linear-gradient(90deg, #00e5ff 0%, #0072ff 50%, #7928ca 100%);--gradient-brand-text:linear-gradient(135deg, #00c9ff 0%, #0072ff 45%, #9333ea 100%);--gradient-hero-bg:radial-gradient(circle at 80% 20%, #00e5ff1f 0%, #0072ff14 35%, #f8fafc00 70%);--gradient-dark-section:linear-gradient(180deg, #0a1128 0%, #060b1a 100%);--gradient-glass-border:linear-gradient(135deg, #fff3, #ffffff0d);--gradient-mesh:radial-gradient(at 0% 0%, #00e5ff1a 0px, transparent 50%), radial-gradient(at 100% 0%, #9333ea1f 0px, transparent 50%), radial-gradient(at 50% 100%, #0072ff14 0px, transparent 60%);--border-light:#e2e8f0;--border-subtle:#edf2f7;--border-focus:#0072ff;--shadow-sm:0 1px 3px #0b132b0d;--shadow-md:0 4px 14px #0b132b12;--shadow-lg:0 10px 30px #0b132b1a;--shadow-xl:0 20px 45px #0b132b1f;--shadow-cyan-glow:0 0 25px #00e5ff4d;--shadow-purple-glow:0 0 25px #9333ea4d;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color:var(--text-main);background-color:var(--bg-page);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--bg-page);min-height:100vh;color:var(--text-main);flex-direction:column;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}p{color:var(--text-muted);line-height:1.65}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}}.text-gradient{background:var(--gradient-brand-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#0072ff 0%,#7928ca 60%,#ff0080 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-mesh{background-image:var(--gradient-mesh);background-repeat:no-repeat}.btn{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-brand-primary);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 18px #0072ff59}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0072ff73}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-primary-navy);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{box-shadow:var(--shadow-md);background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-dark{background:var(--color-primary-navy);color:#fff;border:1px solid #ffffff1f}.btn-dark:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0a112866}.btn-outline-cyan{color:#08c;background:#00e5ff14;border:1px solid #00e5ff66}.btn-outline-cyan:hover{background:#00e5ff29;border-color:#00e5ff;transform:translateY(-2px)}.btn-sm{padding:.55rem 1.15rem;font-size:.85rem}.btn-lg{padding:1rem 2.2rem;font-size:1.05rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-cyan{color:#0284c7;background:#00e5ff1f;border:1px solid #00e5ff4d}.badge-purple{color:#7e22ce;background:#9333ea1a;border:1px solid #9333ea40}.badge-navy{color:var(--color-primary-navy);background:#0b132b14;border:1px solid #0b132b26}.badge-live{color:#059669;background:#10b9811a;border:1px solid #10b98140}.badge-roadmap{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b40}.card{background:var(--bg-card-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:2rem}.card:hover{box-shadow:var(--shadow-xl);border-color:#0072ff40;transform:translateY(-4px)}.card-dark{background:var(--color-navy-card);border:1px solid var(--color-navy-card-border);color:var(--text-inverse);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:2rem}.card-dark:hover{background:var(--color-navy-card-hover);border-color:#00e5ff59;transform:translateY(-4px);box-shadow:0 12px 35px #00000059}.card-dark p{color:var(--text-inverse-muted)}.glass-panel{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);background:#ffffffd9;border:1px solid #ffffff80}.glass-panel-dark{-webkit-backdrop-filter:blur(16px);background:#0f1b38bf;border:1px solid #ffffff1a;box-shadow:0 10px 30px #00000040}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-heading);font-size:.88rem;font-weight:600}.form-control{width:100%;color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;outline:none;padding:.8rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0072ff26}.form-control::placeholder{color:#94a3b8}textarea.form-control{resize:vertical;min-height:120px}.form-error{color:#ef4444;margin-top:.2rem;font-size:.8rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}