@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700;900&family=Figtree:wght@300;400;500;600&family=DM+Mono:wght@300;400;500&display=swap";
:root{--background:#0a0a0a;--foreground:#f0ede6;--card:#141414;--card-foreground:#f0ede6;--primary:#c8f55a;--primary-foreground:#0a0a0a;--secondary:#1e1e1e;--secondary-foreground:#f0ede6;--muted:#1e1e1e;--muted-foreground:#888880;--accent:#c8f55a;--accent-foreground:#0a0a0a;--border:#ffffff14;--destructive:#ef4444;--destructive-foreground:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Unbounded,sans-serif;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.05}h2{font-size:clamp(1.875rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2.25rem)}h4{font-size:1.25rem}p{color:var(--muted-foreground);font-family:Figtree,sans-serif;line-height:1.7}a{color:var(--primary);text-decoration:none;transition:color .3s,opacity .3s}a:hover{color:var(--accent);opacity:.8}button,[role=button],input[type=button],input[type=submit],input[type=reset]{cursor:pointer;border:none;border-radius:.375rem;padding:.875rem 1.75rem;font-family:Figtree,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);transition:all .2s;box-shadow:0 1px 3px #c8f55a1a}.btn-primary:hover{background-color:#b8e54d;transform:translateY(-2px);box-shadow:0 10px 15px -3px #c8f55a33}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--foreground);border:1px solid var(--border);background-color:#0000;padding:.875rem 1.75rem;transition:all .3s}.btn-secondary:hover{background-color:var(--secondary);border-color:var(--primary);color:var(--primary)}.card{background:var(--card);border:1px solid var(--border);border-radius:.625rem;transition:all .3s;overflow:hidden}.card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 25px -5px #c8f55a1a}input[type=text],input[type=email],input[type=password],textarea,select{border:1px solid var(--border);background-color:var(--secondary);width:100%;color:var(--foreground);border-radius:.375rem;padding:.75rem 1rem;font-family:Figtree,sans-serif;font-size:1rem;transition:all .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #c8f55a26}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.text-muted{color:var(--muted-foreground)}.text-accent{color:var(--accent)}.scanlines{position:relative}.scanlines:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 4px);position:absolute;inset:0}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.5s ease-out fadeIn}.animate-slideInUp{animation:.5s ease-out slideInUp}.animate-slideInDown{animation:.5s ease-out slideInDown}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}body{font-size:.95rem}}.shadow-light{box-shadow:0 1px 3px #0000004d}.shadow-medium{box-shadow:0 4px 6px -1px #0006}.shadow-heavy{box-shadow:0 20px 25px -5px #00000080}::selection{background-color:var(--primary);color:var(--primary-foreground)}::selection{background-color:var(--primary);color:var(--primary-foreground)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}
