@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--canvas-white:#f9fafb;--pure-surface:#fff;--charcoal-ink:#09090b;--muted-steel:#71717a;--whisper-border:#ffffff14;--whisper-border-solid:#27272a;--accent-primary:#0ea5e9;--accent-secondary:#8b5cf6;--container-width:1400px;--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--charcoal-ink);color:var(--pure-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Outfit,-apple-system,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:var(--pure-surface);font-weight:600;line-height:1.1}.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 5vw}.divider{background-color:var(--whisper-border);width:100%;height:1px}.card-elevation{border:1px solid var(--whisper-border);background:#ffffff05;border-radius:2.5rem}input,select,textarea{border:1px solid var(--whisper-border-solid);color:var(--pure-surface);background:0 0;border-radius:12px;outline:none;width:100%;padding:16px 20px;font-family:Outfit,sans-serif;font-size:16px;transition:border-color .4s cubic-bezier(.16,1,.3,1)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary)}select option{background:var(--charcoal-ink);color:var(--pure-surface)}.btn{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, #38bdf8 50%, var(--accent-secondary) 100%);color:#fff;background-position:0%;background-size:200% 200%;font-weight:600;position:relative;box-shadow:0 0 24px #0ea5e94d,0 0 80px #0ea5e91a}.btn-primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 0 32px #0ea5e980,0 0 100px #8b5cf633}.btn-primary:active{transform:translateY(1px)}.btn-accent{background:var(--accent-primary);color:var(--pure-surface)}.btn-accent:active{transform:translateY(1px)}.btn-secondary{color:var(--pure-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1f}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.animate-slide-up{animation:1s cubic-bezier(.16,1,.3,1) forwards slideUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.bento-grid{background:var(--whisper-border);border:1px solid var(--whisper-border);border-radius:2.5rem;grid-template-columns:repeat(12,1fr);gap:2px;display:grid;overflow:hidden}.bento-item{background:var(--charcoal-ink);flex-direction:column;padding:48px;transition:background .5s;display:flex}.bento-item:hover{background:#0ea5e905}@media (width<=768px){.bento-grid{grid-template-columns:1fr}}