@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@layer reset;@layer base{:root{--fp-electric-teal:#00d9cc;--fp-electric-teal-dark:#00b8aa;--fp-electric-teal-light:#33e6d9;--fp-quantum-purple:#7c3aed;--fp-quantum-purple-dark:#6d28d9;--fp-quantum-purple-light:#8b5cf6;--fp-cyber-orange:#ff6b35;--fp-cyber-orange-dark:#e55a2b;--fp-cyber-orange-light:#ff8c66;--fp-neural-blue:#0ea5e9;--fp-neural-blue-dark:#0284c7;--fp-neural-blue-light:#38bdf8;--fp-gradient-primary:linear-gradient(135deg,#00d9cc 0%,#7c3aed 100%);--fp-gradient-secondary:linear-gradient(135deg,#7c3aed 0%,#ff6b35 100%);--fp-gradient-accent:linear-gradient(90deg,#00d9cc 0%,#0ea5e9 50%,#7c3aed 100%);--fp-gradient-neural:linear-gradient(45deg,#00d9cc 0%,#7c3aed 25%,#ff6b35 50%,#0ea5e9 75%,#00d9cc 100%);--fp-font-display:"Orbitron",monospace;--fp-font-code:"JetBrains Mono",monospace;--fp-font-body:"Inter",system-ui,sans-serif;--fp-success:#10b981;--fp-warning:#f59e0b;--fp-error:#ef4444;--fp-info:var(--fp-neural-blue);--fp-white:#fff;--fp-gray-50:#f8fafc;--fp-gray-100:#f1f5f9;--fp-gray-200:#e2e8f0;--fp-gray-300:#cbd5e1;--fp-gray-400:#94a3b8;--fp-gray-500:#64748b;--fp-gray-600:#475569;--fp-gray-700:#334155;--fp-gray-800:#1e293b;--fp-gray-900:#0f172a;--fp-space-xs:.25rem;--fp-space-sm:.5rem;--fp-space-md:1rem;--fp-space-lg:1.5rem;--fp-space-xl:2rem;--fp-space-2xl:3rem;--fp-space-3xl:4rem;--fp-space-4xl:6rem;--fp-radius-sm:8px;--fp-radius-md:12px;--fp-radius-lg:16px;--fp-radius-xl:24px;--fp-radius-2xl:32px;--fp-shadow-sm:0 2px 8px #00d9cc1a;--fp-shadow-md:0 4px 16px #00d9cc26;--fp-shadow-lg:0 8px 32px #00d9cc33;--fp-shadow-xl:0 16px 64px #00d9cc40;--fp-transition-fast:.15s ease-out;--fp-transition-normal:.3s ease-out;--fp-transition-slow:.5s ease-out;--fp-transition-bouncy:.4s cubic-bezier(.68,-.55,.265,1.55)}@media (prefers-color-scheme:dark){:root{--fp-bg-primary:var(--fp-gray-900);--fp-bg-secondary:var(--fp-gray-800);--fp-text-primary:var(--fp-gray-50);--fp-text-secondary:var(--fp-gray-300)}}@media (prefers-color-scheme:light){:root{--fp-bg-primary:var(--fp-white);--fp-bg-secondary:var(--fp-gray-50);--fp-text-primary:var(--fp-gray-900);--fp-text-secondary:var(--fp-gray-600)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--fp-font-body);background:var(--fp-bg-primary);color:var(--fp-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 25% 25%,#00d9cc1a 0%,#0000 50%),radial-gradient(circle at 75% 75%,#7c3aed1a 0%,#0000 50%),radial-gradient(circle,#ff6b350d 0%,#0000 50%);width:100%;height:100%;animation:20s ease-in-out infinite alternate fp-ambient-glow;position:fixed;top:0;left:0}}@layer components{.fp-display-xl{font-family:var(--fp-font-display);letter-spacing:-.04em;background:var(--fp-gradient-neural);-webkit-text-fill-color:transparent;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:.9;animation:8s ease-in-out infinite fp-gradient-flow}.fp-display-lg{font-family:var(--fp-font-display);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1}.fp-heading-1{font-family:var(--fp-font-display);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.5rem);font-weight:600;line-height:1.1}.fp-heading-2{font-family:var(--fp-font-display);letter-spacing:-.01em;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.2}.fp-heading-3{font-family:var(--fp-font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.3}.fp-body-xl{font-size:1.25rem;font-weight:400;line-height:1.7}.fp-body-lg{font-size:1.125rem;font-weight:400;line-height:1.7}.fp-body{font-size:1rem;font-weight:400;line-height:1.6}.fp-code{font-family:var(--fp-font-code);font-size:.875rem;font-weight:500}.fp-btn{border-radius:var(--fp-radius-md);font-family:var(--fp-font-display);transition:all var(--fp-transition-normal);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.fp-btn-lg{border-radius:var(--fp-radius-lg);padding:1rem 2rem;font-size:1rem}.fp-btn-xl{border-radius:var(--fp-radius-lg);padding:1.25rem 2.5rem;font-size:1.125rem}.fp-btn-primary{background:var(--fp-gradient-primary);color:#fff;box-shadow:var(--fp-shadow-md)}.fp-btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.fp-btn-primary:hover{box-shadow:var(--fp-shadow-xl);transform:translateY(-2px)scale(1.02)}.fp-btn-primary:hover:before{left:100%}.fp-btn-primary:active{transform:translateY(0)scale(.98)}.fp-btn-secondary{color:var(--fp-electric-teal);border:2px solid var(--fp-electric-teal);box-shadow:var(--fp-shadow-sm);background:0 0}.fp-btn-secondary:hover{background:var(--fp-electric-teal);color:#fff;box-shadow:var(--fp-shadow-lg);transform:translateY(-1px)}.fp-btn-ghost{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--fp-text-primary);background:#ffffff0d;border:1px solid #ffffff1a}.fp-btn-ghost:hover{border-color:var(--fp-electric-teal);color:var(--fp-electric-teal);background:#ffffff1a;transform:translateY(-1px)}.fp-btn-neural{background:var(--fp-gradient-neural);color:#fff;box-shadow:var(--fp-shadow-lg);background-size:400% 400%;animation:6s ease-in-out infinite fp-gradient-flow}.fp-btn-neural:hover{box-shadow:var(--fp-shadow-xl);animation-duration:2s;transform:translateY(-3px)scale(1.05)}.fp-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--fp-radius-xl);padding:var(--fp-space-xl);transition:all var(--fp-transition-normal);background:#ffffff0d;border:1px solid #ffffff1a;position:relative;overflow:hidden}.fp-card:before{content:"";background:var(--fp-gradient-neural);border-radius:var(--fp-radius-xl);opacity:0;z-index:-1;transition:opacity var(--fp-transition-normal);background-size:400% 400%;animation:8s ease-in-out infinite fp-gradient-flow;position:absolute;inset:-2px}.fp-card:hover:before{opacity:.3}.fp-card:hover{box-shadow:var(--fp-shadow-xl);transform:translateY(-8px)}.fp-badge{border-radius:var(--fp-radius-md);font-family:var(--fp-font-display);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.fp-badge-primary{background:var(--fp-gradient-primary);color:#fff}.fp-badge-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fp-electric-teal);background:#ffffff1a;border:1px solid #00d9cc4d}.fp-container{max-width:1280px;padding:0 var(--fp-space-lg);margin:0 auto}.fp-container-wide{max-width:1536px;padding:0 var(--fp-space-lg);margin:0 auto}.fp-section{padding:var(--fp-space-4xl)0}.fp-section-sm{padding:var(--fp-space-3xl)0}.fp-gradient-text{background:var(--fp-gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.fp-gradient-text-neural{background:var(--fp-gradient-neural);-webkit-text-fill-color:transparent;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite fp-gradient-flow}.fp-grid{gap:var(--fp-space-lg);display:grid}.fp-grid-2{grid-template-columns:repeat(2,1fr)}.fp-grid-3{grid-template-columns:repeat(3,1fr)}.fp-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.fp-grid-2,.fp-grid-3,.fp-grid-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.fp-grid-4,.fp-grid-3{grid-template-columns:repeat(2,1fr)}}}@layer utilities{.fp-animate-gradient{animation:8s ease-in-out infinite fp-gradient-flow}.fp-animate-float{animation:6s ease-in-out infinite fp-float}.fp-animate-pulse{animation:2s ease-in-out infinite fp-pulse}.fp-animate-reveal{animation:.6s ease-out forwards fp-reveal}.fp-animate-spin{animation:2s linear infinite fp-spin}.fp-text-center{text-align:center}.fp-text-left{text-align:left}.fp-text-right{text-align:right}.fp-flex{display:flex}.fp-flex-col{flex-direction:column}.fp-items-center{align-items:center}.fp-justify-center{justify-content:center}.fp-justify-between{justify-content:space-between}.fp-gap-2{gap:var(--fp-space-sm)}.fp-gap-4{gap:var(--fp-space-md)}.fp-gap-6{gap:var(--fp-space-lg)}.fp-gap-8{gap:var(--fp-space-xl)}.fp-mt-4{margin-top:var(--fp-space-md)}.fp-mt-8{margin-top:var(--fp-space-xl)}.fp-mb-4{margin-bottom:var(--fp-space-md)}.fp-mb-8{margin-bottom:var(--fp-space-xl)}.fp-p-4{padding:var(--fp-space-md)}.fp-p-6{padding:var(--fp-space-lg)}.fp-p-8{padding:var(--fp-space-xl)}.fp-rounded{border-radius:var(--fp-radius-md)}.fp-rounded-lg{border-radius:var(--fp-radius-lg)}.fp-rounded-xl{border-radius:var(--fp-radius-xl)}.fp-shadow{box-shadow:var(--fp-shadow-md)}.fp-shadow-lg{box-shadow:var(--fp-shadow-lg)}.fp-relative{position:relative}.fp-absolute{position:absolute}.fp-fixed{position:fixed}.fp-z-10{z-index:10}.fp-z-20{z-index:20}.fp-z-50{z-index:50}.fp-opacity-50{opacity:.5}.fp-opacity-70{opacity:.7}.fp-opacity-80{opacity:.8}.fp-transition{transition:all var(--fp-transition-normal)}.fp-transition-fast{transition:all var(--fp-transition-fast)}.fp-transition-slow{transition:all var(--fp-transition-slow)}.fp-hover-scale:hover{transform:scale(1.05)}.fp-hover-lift:hover{transform:translateY(-4px)}}@layer animations{@keyframes fp-gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fp-ambient-glow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}@keyframes fp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fp-reveal{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@media (max-width:640px){.fp-container{padding:0 var(--fp-space-md)}.fp-section{padding:var(--fp-space-3xl)0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){.fp-card,.fp-btn-ghost{background:#ffffff0d;border-color:#ffffff1a}}
@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-gradient{background:linear-gradient(-45deg,#fff,#fff5f0,#fff,#ffedd5) 0 0/400% 400%;animation:15s infinite gradientShift}.animated-gradient-dark{background:linear-gradient(-45deg,#1f2937,#111827,#1f2937,#374151) 0 0/400% 400%;animation:15s infinite gradientShift}.animated-gradient-orange{background:linear-gradient(-45deg,#fff,#fff7ed,#ffedd5,#fed7aa) 0 0/400% 400%;animation:20s infinite gradientShift}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.float{animation:6s ease-in-out infinite float}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.pulse-glow{animation:4s ease-in-out infinite pulseGlow}@keyframes rotateOrb{0%{transform:rotate(0)translate(50px)rotate(0)}to{transform:rotate(360deg)translate(50px)rotate(-360deg)}}.rotating-orb{animation:30s linear infinite rotateOrb}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%) 0 0/1000px 100%;animation:3s infinite shimmer}@keyframes floatShape{0%,to{opacity:.1;transform:translateY(0)rotate(0)}25%{opacity:.2;transform:translateY(-30px)rotate(10deg)}50%{opacity:.15;transform:translateY(-15px)rotate(-5deg)}75%{opacity:.25;transform:translateY(-40px)rotate(15deg)}}.floating-shape{animation:20s ease-in-out infinite floatShape}.floating-shape-slow{animation:25s ease-in-out infinite floatShape}.floating-shape-fast{animation:15s ease-in-out infinite floatShape}@keyframes gridPulse{0%,to{opacity:.05}50%{opacity:.1}}.animated-grid{background-image:linear-gradient(#fb923c0d 1px,#0000 1px),linear-gradient(90deg,#fb923c0d 1px,#0000 1px);background-size:50px 50px;animation:4s ease-in-out infinite gridPulse}@media (prefers-reduced-motion:reduce){.animated-gradient,.animated-gradient-dark,.animated-gradient-orange,.float,.pulse-glow,.rotating-orb,.shimmer,.floating-shape,.floating-shape-slow,.floating-shape-fast,.animated-grid{animation:none}}
