@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--color-void:#fff;--color-panel:#f9f9f8;--color-panel-2:#f1f0eb;--color-border:#e8e7e0;--color-text-main:#2c2a29;--color-text-muted:#6b6865;--color-electric:#000;--color-sky:#444;--gradient-accent:linear-gradient(135deg, #222 0%, #000 100%);--gradient-glow:#0000000d;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 32px 64px #0000001a;--shadow-glow:0 12px 24px #0000001a;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-24:6rem;--spacing-32:8rem}[data-theme=dark]{--color-void:#344c58;--color-panel:#3d5a68;--color-panel-2:#466777;--color-border:#4d7182;--color-text-main:#fdfdfd;--color-text-muted:#b8cbd4;--gradient-glow:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-void);color:var(--color-text-muted);font-family:var(--font-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-display{font-family:var(--font-display);color:var(--color-text-main);letter-spacing:-.04em;font-weight:500;line-height:1.1;transition:color .3s}h1{letter-spacing:-.05em;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:500}h2{letter-spacing:-.04em;font-size:clamp(2.5rem,5vw,4rem)}h3{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2.2rem)}a{color:var(--color-text-main);text-decoration:none;transition:all .2s}a:hover{opacity:.7}.container{width:100%;max-width:1280px;padding:0 var(--spacing-6);margin:0 auto}.section{padding:var(--spacing-32) 0}.text-center{text-align:center}.text-electric{color:var(--color-text-main);font-weight:600}.text-sky{color:var(--color-text-main)}.text-slate{color:var(--color-text-muted)}.text-gradient{color:var(--color-text-main)}.btn{font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-text-main);color:var(--color-void)!important}.btn-primary:hover{box-shadow:var(--shadow-glow);opacity:.9;transform:translateY(-2px)}.btn-secondary{color:var(--color-text-main);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{background:var(--color-panel);border-color:var(--color-text-muted)}.form-group{margin-bottom:var(--spacing-6)}.form-label{margin-bottom:var(--spacing-2);color:var(--color-text-main);font-size:.875rem;font-weight:500;display:block}.form-control{background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-main);font-family:var(--font-body);padding:1rem 1.25rem;font-size:1rem;transition:all .2s}.form-control:focus{background-color:var(--color-void);border-color:var(--color-text-main);box-shadow:0 0 0 1px var(--color-text-main);outline:none}.grid{gap:var(--spacing-8);display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){:root{--spacing-12:2.5rem;--spacing-16:3rem;--spacing-24:4rem;--spacing-32:5rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.container{padding:0 var(--spacing-4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.card{background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-8);transition:all .3s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.glass{background:color-mix(in srgb, var(--color-void) 95%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.bg-gradient-pattern{position:relative}
