@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg-base:#fdfdfd;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8f9ff;--bg-elevated:#f5f5fa;--border:#1509581a;--border-strong:#15095838;--border-button:#15095840;--text-primary:#150958;--text-secondary:#4a4e7a;--text-muted:#8a8da3;--magenta-400:#cb2e6d;--magenta-500:#9e1d4f;--magenta-600:#821440;--navy-400:#231a69;--navy-500:#150958;--teal-400:#10b981;--blue-400:#3b82f6;--gradient-primary:linear-gradient(135deg, #150958 0%, #9e1d4f 100%);--gradient-text:linear-gradient(135deg, #150958, #9e1d4f);--shadow-card:0 4px 20px #1509580f;--shadow-float:0 12px 40px #1509581f;--shadow-glow:0 0 40px #9e1d4f1a;--nav-bg:#ffffffeb;--radius:12px;--radius-sm:6px;--radius-lg:18px;--transition:.25s cubic-bezier(.4,0,.2,1);--purple-50:#f5f3ff;--purple-100:#ede9fe;--purple-200:#ddd6fe;--purple-600:#7c3aed}html[class~=dark]{--bg-base:#0a0a14;--bg-surface:#0f0f1d;--bg-card:#141426;--bg-card-hover:#1a1a33;--bg-elevated:#1e1e3b;--border:#ffffff14;--border-strong:#ffffff2e;--border-button:#ffffff40;--text-primary:#f8f9ff;--text-secondary:#9ea3bf;--text-muted:#636780;--magenta-400:#f472b6;--magenta-500:#cb2e6d;--magenta-600:#9e1d4f;--navy-400:#3b82f6;--navy-500:#1d4ed8;--teal-400:#34d399;--gradient-primary:linear-gradient(135deg, #1d4ed8 0%, #9e1d4f 100%);--gradient-text:linear-gradient(135deg, #60a5fa, #f472b6);--shadow-card:0 4px 24px #0006;--shadow-float:0 12px 48px #00000080;--shadow-glow:0 0 40px #9e1d4f26;--nav-bg:#0a0a14e0;--purple-50:#7c3aed1a;--purple-100:#7c3aed33;--purple-200:#7c3aed4d;--purple-600:#a78bfa}html[class~=light]{--bg-base:#fdfdfd;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8f9ff;--bg-elevated:#f5f5fa;--border:#15095814;--border-strong:#15095826;--text-primary:#150958;--text-secondary:#4a4e7a;--text-muted:#8a8da3;--magenta-400:#cb2e6d;--magenta-500:#9e1d4f;--magenta-600:#821440;--gradient-primary:linear-gradient(135deg, #150958 0%, #9e1d4f 100%);--gradient-text:linear-gradient(135deg, #150958, #9e1d4f);--shadow-card:0 4px 20px #1509580f;--shadow-float:0 12px 40px #1509581f;--nav-bg:#ffffffeb}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-base);color:var(--text-primary);transition:background-color var(--transition), color var(--transition);background-image:radial-gradient(at 0 0,#15095808 0,#0000 50%),radial-gradient(at 100% 0,#9e1d4f08 0,#0000 50%);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.bg-grid{background-size:40px 40px;background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);-webkit-mask-image:radial-gradient(#000,#0000 80%);mask-image:radial-gradient(#000,#0000 80%)}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.container{max-width:1180px;margin:0 auto;padding:0 24px}.section{padding:100px 0}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;line-height:1.2}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header{text-align:center;margin-bottom:64px}.section-header h2{color:var(--text-primary);margin:12px 0 16px;font-size:clamp(2rem,4vw,2.75rem)}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7}.section-tag{letter-spacing:.12em;text-transform:uppercase;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.78rem;font-weight:700;display:inline-block}.btn{transition:all var(--transition);white-space:nowrap;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #9e1d4f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #9e1d4f73}.btn-ghost{border:1.5px solid var(--border-button);color:var(--text-primary);background:0 0}.btn-ghost:hover{border-color:var(--magenta-500);color:var(--magenta-500);background:#9e1d4f0a}.btn-secondary{background:var(--bg-card);border:1px solid var(--purple-200);color:var(--purple-600)}.btn-secondary:hover{background:var(--purple-50);border-color:var(--purple-600)}.btn-lg{padding:15px 32px;font-size:1rem}.btn-sm{padding:9px 18px;font-size:.88rem}.btn-full{justify-content:center;width:100%}.hover-bg-elevated:hover{background:var(--bg-elevated)!important}.hover-opacity-80:hover{opacity:.8!important}.hover-text-primary:hover{color:var(--text-primary)!important}.hover-theme-toggle:hover{border-color:var(--magenta-400)!important;color:var(--magenta-400)!important}.hover-lift{transition:transform var(--transition)}.hover-lift:hover{transform:translateY(-4px)}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes logoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes rotateSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tooltip-container:hover .tooltip-popper{opacity:1!important;visibility:visible!important;transform:translate(-50%)translateY(-4px)!important}
