@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}}@layer base{:root{--font-sans:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-primary:#090a0f;--bg-secondary:#121420;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-accent:#10b981;--color-accent-glow:#10b98126;--color-success:#10b981;--color-success-glow:#10b98126;--color-warning:#f59e0b;--color-warning-glow:#f59e0b26;--border-color:#ffffff14;--glass-bg:#121420b3;--glass-border:#ffffff14;--glass-shadow:#0000004d;--font-size-base:clamp(.95rem, .9rem + .25vw, 1.1rem);--font-size-h1:clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--font-size-h2:clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--font-size-h3:clamp(1.2rem, 1rem + .8vw, 1.5rem);scrollbar-color:var(--text-muted) var(--bg-primary);scrollbar-width:thin}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--color-accent:#059669;--color-accent-glow:#0596691a;--border-color:#00000014;--glass-bg:#ffffffbf;--glass-border:#0000000f;--glass-shadow:#0f172a0d}}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);background-image:radial-gradient(circle at 10% 20%, var(--color-accent-glow) 0%, transparent 40%), radial-gradient(circle at 90% 80%, #10b9810f 0%, transparent 40%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--text-primary)}}@layer components{.container{width:100%;max-width:80rem;margin-inline:auto;padding-inline:clamp(1rem,5vw,3rem)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 10px 30px -10px var(--glass-shadow);border-radius:1.25rem;padding:2rem;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.glass-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 20px 40px -15px #10b9811f}.btn-primary{background-color:var(--color-accent);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 4px 12px #10b9814d;color:#fff!important}.btn-primary:hover{filter:brightness(1.1);transform:scale(1.02);box-shadow:0 6px 20px #10b98166}.btn-primary:active{transform:scale(.98)}.btn-secondary{border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex;color:var(--text-primary)!important}.btn-secondary:hover{border-color:var(--text-secondary);background-color:#ffffff0d}}@layer utilities{.text-gradient{background:linear-gradient(135deg,#a7f3d0 0%,#10b981 50%,#064e3b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}}
