@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--orizon-primary: #00D4FF;--orizon-primary-hover: #00B8E6;--orizon-primary-active: #009CCC;--orizon-primary-light: #33DDFF;--orizon-primary-dark: #0088CC;--orizon-accent: #FF9500;--orizon-accent-hover: #E68500;--orizon-accent-light: #FFAD33;--orizon-accent-dark: #CC7700;--orizon-quantum: #6A00FF;--orizon-quantum-light: #8533FF;--bg-dark: #0A0A0A;--surface-dark: #1A1A1A;--surface-hover-dark: #2A2A2A;--black: #000000;--text-primary-dark: #FFFFFF;--text-secondary-dark: #C8C8C8;--text-muted-dark: #808080;--border-dark: #2A2A2A;--border-hover-dark: #3A3A3A;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--gradient-primary: linear-gradient(135deg, #00FFFF 0%, #00D4FF 50%, #0088FF 100%);--gradient-accent: linear-gradient(135deg, #FFE599 0%, #FFCC66 25%, #FF9933 75%, #FF6600 100%);--gradient-surface: linear-gradient(135deg, #1A1A1A 0%, #0A0A0A 100%);--glow-primary: 0 0 20px rgba(0, 212, 255, .3);--glow-primary-lg: 0 0 40px rgba(0, 212, 255, .5);--glow-primary-xl: 0 0 60px rgba(0, 212, 255, .7);--glow-accent: 0 0 20px rgba(255, 149, 0, .3);--glow-accent-lg: 0 0 40px rgba(255, 149, 0, .5);--font-primary: "Outfit", "Inter Tight", sans-serif;--font-secondary: "Inter", "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html{font-family:var(--font-secondary)}body{background:var(--black);color:var(--text-primary-dark);min-height:100vh;margin:0;padding:0}::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}textarea,input[type=text],input[type=password],input[type=email],select{font-family:inherit}textarea{font-family:var(--font-mono)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-delayed{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-15px) translate(10px)}}@keyframes pulse-slow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient 15s ease infinite}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-scaleIn{animation:scaleIn .2s ease-out forwards}.animate-slideInRight{animation:slideInRight .3s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .3s ease-out forwards}.animate-subtle-pulse{animation:subtle-pulse 3s ease-in-out infinite}.glass{background:#1a1a1a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-hover:hover{background:#1a1a1acc;border-color:#fff3}.glow-primary{box-shadow:var(--glow-primary)}.glow-primary-lg{box-shadow:var(--glow-primary-lg)}.glow-primary-xl{box-shadow:var(--glow-primary-xl)}.glow-accent{box-shadow:var(--glow-accent)}.glow-accent-lg{box-shadow:var(--glow-accent-lg)}.gradient-text-primary{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-accent{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background-color:var(--orizon-primary);color:#000;box-shadow:var(--glow-primary);transition:all .2s ease-out}.btn-primary:hover{background-color:var(--orizon-primary-hover);box-shadow:var(--glow-primary-lg)}.btn-primary:active{background-color:var(--orizon-primary-active);transform:scale(.98)}.btn-ghost{background-color:transparent;color:var(--orizon-primary);border:1px solid rgba(0,212,255,.3);transition:all .2s ease-out}.btn-ghost:hover{background-color:#00d4ff1a;border-color:#00d4ff80;box-shadow:var(--glow-primary)}.card-glass{background:#1a1a1a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease-out}.card-glass:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00d4ff26}.input-dark{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary-dark);transition:all .2s ease-out}.input-dark:focus{border-color:var(--orizon-primary);box-shadow:0 0 0 2px #00d4ff1a;outline:none}.input-dark::placeholder{color:var(--text-muted-dark)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-dark, #0A0A0A);color:var(--text-primary-dark, #FFFFFF)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#00d4ff4d;color:#fff}:focus-visible{outline:2px solid var(--orizon-primary, #00D4FF);outline-offset:2px}.grid-responsive{display:grid;gap:20px}@media (min-width: 768px){.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.container-responsive{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container-responsive{padding:0 20px}}h1{font-size:clamp(24px,4vw,32px)}h2{font-size:clamp(20px,3vw,28px)}h3{font-size:clamp(18px,2.5vw,24px)}button{min-height:44px;min-width:44px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}