@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Fira+Code:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", monospace;--font-hand:"Caveat", cursive;--transition-fast:.18s ease;--transition-normal:.28s cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=dark]{--bg-base:#05080d;--bg-primary:#05080d;--bg-secondary:#0a1018;--bg-surface:#0b121c;--bg-card:#0b121c;--bg-card-hover:#101926;--bg-glass:#0b121ce0;--border-subtle:#ffffff14;--border-light:#ffffff24;--border-cyan:#22d3ee33;--border-lime:#c8ff454d;--border-highlight:#c8ff4580;--text-primary:#f5f7fa;--text-secondary:#a7b2c4;--text-muted:#64748b;--accent-brand:#c8ff45;--accent-lime:#c8ff45;--accent-cyan:#22d3ee;--accent-orange:#f97316;--accent-secondary:#10b981;--accent-highlight:#f59e0b;--accent-purple:#8b5cf6;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-on-accent:#05080d;--aura-glow-start:#c8ff45;--aura-glow-end:#22d3ee;--aura-glow:linear-gradient(135deg, #c8ff45 0%, #22d3ee 100%);--badge-bg:#ffffff0d;--input-bg:#090e17;--nav-bg:#05080de0;--shadow-card:0 10px 30px -10px #000000a6;--shadow-lime:0 0 25px #c8ff4559}[data-theme=light],[data-theme=warm-amber]{--bg-base:#faf8f5;--bg-primary:#faf8f5;--bg-secondary:#fff7ed;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#fff7ed;--bg-glass:#fffffff0;--border-subtle:#eae4da;--border-light:#ea580c47;--border-cyan:#ea580c47;--border-lime:#ea580c;--border-highlight:#ea580c;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-brand:#ea580c;--accent-lime:#ea580c;--accent-orange:#ea580c;--accent-cyan:#ea580c;--accent-secondary:#0d9488;--accent-highlight:#d97706;--accent-purple:#ea580c;--accent-emerald:#0d9488;--accent-amber:#d97706;--accent-rose:#ea580c;--text-on-accent:#fff;--aura-glow-start:#ea580c;--aura-glow-end:#10b981;--aura-glow:linear-gradient(135deg, #ea580c 0%, #10b981 100%);--badge-bg:#ea580c14;--input-bg:#fff;--nav-bg:#faf8f5eb;--shadow-card:0 10px 30px -10px #ea580c1a, 0 4px 14px #1118270a;--shadow-lime:0 4px 20px #ea580c61}[data-theme=light] body,[data-theme=warm-amber] body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 10% 20%,#ea580c12 0%,#0000 45%),radial-gradient(circle at 90% 80%,#f973160d 0%,#0000 40%),radial-gradient(circle,#fb923c0a 0%,#0000 50%)}[data-theme=light] .btn-lime,[data-theme=warm-amber] .btn-lime{color:#fff!important;background:linear-gradient(135deg,#ea580c 0%,#f97316 100%)!important;box-shadow:0 4px 16px #ea580c59!important}[data-theme=light] .btn-lime:hover,[data-theme=warm-amber] .btn-lime:hover{color:#fff!important;background:linear-gradient(135deg,#c2410c 0%,#ea580c 100%)!important;box-shadow:0 6px 24px #ea580c80!important}[data-theme=light] .btn-dark-pill,[data-theme=warm-amber] .btn-dark-pill{color:var(--text-primary);background:#fff;border:1px solid #ea580c40;box-shadow:0 2px 8px #ea580c14}[data-theme=light] .btn-dark-pill:hover,[data-theme=warm-amber] .btn-dark-pill:hover{color:#ea580c;background:#fff7ed;border-color:#ea580c}[data-theme=light] .glass-card,[data-theme=warm-amber] .glass-card{background:#fff;border:1px solid #ea580c29;box-shadow:0 10px 30px -10px #ea580c14,0 4px 14px #1118270a}[data-theme=light] .glass-card:hover,[data-theme=warm-amber] .glass-card:hover{border-color:#ea580c73;box-shadow:0 16px 36px -8px #ea580c29,0 0 20px #ea580c14}[data-theme=electric-cyan]{--bg-base:#f8fafc;--bg-primary:#f8fafc;--bg-secondary:#f0f9ff;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f0f9ff;--bg-glass:#fffffff0;--border-subtle:#e2e8f0;--border-light:#0284c747;--border-cyan:#0284c7;--border-lime:#0284c7;--border-highlight:#0284c7;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-brand:#0284c7;--accent-lime:#0284c7;--accent-orange:#0284c7;--accent-cyan:#0284c7;--accent-secondary:#059669;--accent-highlight:#38bdf8;--accent-purple:#0284c7;--accent-emerald:#059669;--accent-amber:#38bdf8;--accent-rose:#0284c7;--text-on-accent:#fff;--aura-glow-start:#38bdf8;--aura-glow-end:#34d399;--aura-glow:linear-gradient(135deg, #38bdf8 0%, #34d399 100%);--badge-bg:#0284c714;--input-bg:#fff;--nav-bg:#f8fafceb;--shadow-card:0 10px 30px -10px #0284c71a, 0 4px 14px #0f172a0a;--shadow-lime:0 4px 20px #0284c761}[data-theme=electric-cyan] body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 10% 20%,#0284c712 0%,#0000 45%),radial-gradient(circle at 90% 80%,#38bdf80d 0%,#0000 40%),radial-gradient(circle,#0ea5e90a 0%,#0000 50%)}[data-theme=electric-cyan] .btn-lime{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%)!important;box-shadow:0 4px 16px #0284c759!important}[data-theme=electric-cyan] .btn-lime:hover{color:#fff!important;background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%)!important;box-shadow:0 6px 24px #0284c780!important}[data-theme=electric-cyan] .btn-dark-pill{color:var(--text-primary);background:#fff;border:1px solid #0284c740;box-shadow:0 2px 8px #0284c714}[data-theme=electric-cyan] .btn-dark-pill:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7}[data-theme=electric-cyan] .glass-card{background:#fff;border:1px solid #0284c729;box-shadow:0 10px 30px -10px #0284c714,0 4px 14px #0f172a0a}[data-theme=electric-cyan] .glass-card:hover{border-color:#0284c773;box-shadow:0 16px 36px -8px #0284c729,0 0 20px #0284c714}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#22d3ee0a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf60a 0%,#0000 40%),radial-gradient(circle,#c8ff4505 0%,#0000 50%);background-attachment:fixed;flex-direction:column;margin:0;padding:0;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin-top:0}a{color:inherit;transition:all var(--transition-fast);text-decoration:none}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.25rem}.lime-highlight,.lime-underline{color:var(--accent-lime);display:inline-block;position:relative}.lime-underline:after{content:"";background:var(--accent-lime);border-radius:4px;width:100%;height:4px;position:absolute;bottom:-4px;left:0;box-shadow:0 0 10px #c8ff4599}.section-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-lime);align-items:center;gap:8px;margin-bottom:.75rem;font-size:11px;font-weight:700;display:inline-flex}.section-tag:before{content:"";background:var(--accent-lime);width:7px;height:7px;box-shadow:0 0 8px var(--accent-lime);border-radius:50%;display:inline-block}.section-tag-cyan{color:var(--accent-cyan)}.section-tag-cyan:before{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);color:var(--text-primary);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:14px}.glass-card:hover{border-color:#c8ff4559;transform:translateY(-2px);box-shadow:0 14px 34px -8px #000000b3,0 0 20px #c8ff4514}.btn-lime{background:var(--accent-lime);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 14px #c8ff4559;color:#05080d!important}.btn-lime:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c8ff458c;color:#05080d!important}.btn-primary{background:var(--accent-lime);color:#05080d;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px 14px #c8ff4559}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c8ff458c}.gradient-text{background:linear-gradient(135deg, var(--accent-lime) 0%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.btn-dark-pill{color:var(--text-primary);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);background:#0b121cb3;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-dark-pill:hover{border-color:var(--accent-lime);color:var(--text-primary);background:#ffffff14;transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#c8ff4566;transform:translateY(-2px)}input,select,textarea{border:1px solid var(--border-subtle);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-family:inherit;background-color:var(--input-bg)!important;color:var(--text-primary)!important}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px #c8ff4533;border-color:var(--accent-lime)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)}.handwritten{font-family:var(--font-hand);color:var(--accent-lime);font-size:1.25rem;display:inline-block;transform:rotate(-3deg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}@keyframes floatGlobe{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1.5deg)}}@keyframes pulseGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes greenDotPulse{0%,to{box-shadow:0 0 #c8ff45b3}70%{box-shadow:0 0 0 8px #c8ff4500}}.animate-pulse-green{animation:2s infinite greenDotPulse}.animate-float{animation:5s ease-in-out infinite floatGlobe}.interactive-card{transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.interactive-card:hover{transform:translateY(-4px)scale(1.01);border-color:#c8ff4580!important;box-shadow:0 16px 36px -10px #000c,0 0 24px #c8ff451f!important}.hover-reveal-content{opacity:0;max-height:0;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1),margin .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.interactive-card:hover .hover-reveal-content{opacity:1;max-height:200px;margin-top:.75rem}.card-hint-badge{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;font-weight:700;transition:color .2s;display:inline-flex}.interactive-card:hover .card-hint-badge{color:var(--accent-lime)}@keyframes marqueeLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}.marquee-track{gap:12px;width:max-content;animation:30s linear infinite marqueeLoop;display:flex}.marquee-track:hover{animation-play-state:paused}.tech-chip{border:1px solid var(--border-subtle);color:#f5f7fa;white-space:nowrap;cursor:pointer;background:#0b121cd9;border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.tech-chip:hover{border-color:var(--accent-lime);color:var(--accent-lime);background:#c8ff4514;transform:translateY(-2px);box-shadow:0 0 16px #c8ff4540}
