@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg-base: #0a0a0c;--color-bg-surface: #141418;--color-bg-surface-elevated: #1e1e24;--color-primary: #8b5cf6;--color-primary-hover: #a78bfa;--color-primary-glow: rgba(139, 92, 246, .4);--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-accent-glow: rgba(45, 212, 191, .4);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--glass-bg: rgba(20, 20, 24, .6);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--font-family-display: "Outfit", sans-serif;--font-family-body: "Inter", sans-serif;--font-family-mono: "JetBrains Mono", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-pill: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px var(--color-primary-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-body);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-image:radial-gradient(circle at 15% 10%,rgba(139,92,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 90%,rgba(45,212,191,.05) 0%,transparent 40%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:700;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}h1{font-size:3rem;letter-spacing:-.02em}h2{font-size:2.25rem;letter-spacing:-.01em}h3{font-size:1.75rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ul,ol{list-style:none}img,video,svg{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}#app{display:flex;flex-direction:column;flex-grow:1;min-height:100vh;width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media(max-width:768px){html{font-size:14px}h1{font-size:2.25rem}h2{font-size:1.75rem}.container{padding:0 var(--spacing-md)}body{background-image:none;background-color:#050505}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-family:var(--font-family-display);font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all var(--transition-bounce);gap:var(--spacing-sm);text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#6d28d9);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 25px #8b5cf699;color:#fff}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background:#ffffff0d;transform:translateY(-2px);border-color:#fff3}.btn-accent{background:linear-gradient(135deg,var(--color-accent),#0d9488);color:#0a0a0c;box-shadow:0 4px 15px var(--color-accent-glow)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2dd4bf99}.btn-icon{padding:.5rem;border-radius:var(--radius-pill);background:#ffffff0d;color:var(--color-text-primary);border:1px solid transparent;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);cursor:pointer}.btn-icon:hover{background:#ffffff1a;border-color:var(--glass-border);transform:scale(1.05)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.input-group{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-family:var(--font-family-display);font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.input-field{width:100%;padding:.75rem 1rem;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;transition:all var(--transition-fast);outline:none}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow);background:#0006}.input-field::placeholder{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;font-family:var(--font-family-display);letter-spacing:.05em}.badge-primary{background:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.badge-success{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.site-header{padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:#0a0a0ccc;border-bottom:1px solid var(--glass-border)}.nav-container{display:flex;align-items:center;justify-content:space-between}.brand-logo{font-family:var(--font-family-display);font-weight:800;font-size:1.5rem;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;letter-spacing:-.02em}.brand-logo svg{color:var(--color-primary);width:28px;height:28px}.brand-accent{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.glass-panel{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.nav-container{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.site-header{position:relative}.btn{padding:.6rem 1.2rem;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 15px var(--color-primary-glow)}50%{box-shadow:0 0 30px #8b5cf699}to{box-shadow:0 0 15px var(--color-primary-glow)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUpFade var(--transition-slow) forwards}.animate-scale-in{animation:scaleIn var(--transition-bounce) forwards}.animate-float{animation:float 6s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent),var(--color-primary));background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradient-shift 5s ease infinite}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s}