@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#050b0a;--bg-secondary:#091412;--bg-tertiary:#0e1f1c;--bg-card:#0a1715;--bg-card-hover:#0d201c;--text-primary:#fff;--text-secondary:#a3b8b3;--text-tertiary:#6b827c;--text-inverse:#050b0a;--border-color:#00cc9926;--border-strong:#00cc994d;--accent:#00b386;--accent-hover:#00d9a3;--accent-light:#00b3861a;--accent-ring:#00b3864d;--accent-strong:#00ffa6;--green:#00b386;--green-light:#00b3861a;--green-bg:#00b3860d;--red:#ef4444;--red-light:#ef44441a;--red-bg:#ef44440d;--orange:#f59e0b;--orange-light:#f59e0b1a;--orange-bg:#f59e0b0d;--blue-soft:#0ea5e9;--glass-bg:#050b0ab3;--glass-border:#00cc991a;--glass-shadow:0 10px 40px #00000080;--font-heading:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--transition-fast:.15s ease-out;--transition-base:.3s ease-out;--transition-slow:.5s cubic-bezier(.16, 1, .3, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-2xl:40px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000012;--shadow-lg:0 8px 30px #0000001a;--shadow-xl:0 20px 60px #0000001f;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:40;--z-modal:100;--z-toast:1000}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100dvh;transition:background-color var(--transition-base), color var(--transition-base);padding:1vw;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}button{font-family:var(--font-body);cursor:pointer;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base)}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:720px}.container-lg{max-width:1400px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-weight:500;font-size:var(--text-base);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;text-transform:none;min-height:48px;line-height:1.4;font-family:var(--font-heading);border:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff1a;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 2px 20px #0000000d}.btn-primary:hover{background:var(--accent);color:var(--bg-primary);transform:translateY(-1px);box-shadow:0 4px 30px #00b3864d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--accent-light);color:var(--accent)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg);min-height:56px}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;min-height:48px}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:var(--bg-primary)}.input::placeholder{color:var(--text-tertiary)}.section{padding:var(--space-20) 0}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4);letter-spacing:-.03em;font-weight:800}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;line-height:1.7}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-green{background:var(--green-light);color:var(--green)}.badge-red{background:var(--red-light);color:var(--red)}.badge-orange{background:var(--orange-light);color:var(--orange)}.gradient-text{background:linear-gradient(135deg, var(--accent), var(--accent-strong));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:fadeInUp .6s var(--transition-slow) forwards}.animate-fadeIn{animation:.4s ease-out forwards fadeIn}.animate-slideInRight{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-slideInLeft{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.animate-scaleIn{animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.text-center{text-align:center}.text-left{text-align:left}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.section-title{font-size:var(--text-3xl)}.hide-mobile{display:none}}@media (min-width:769px){.hide-desktop{display:none}}