:root{--bg: #080c10;--bg-2: #0d1219;--surface: #161d26;--surface-2: #1c2632;--border: #1f2d3d;--border-2: #263545;--green: #00e87a;--green-dim: #00b85f;--green-glow: rgba(0, 232, 122, .15);--amber: #f5a623;--red: #ff4d6d;--blue: #4d9eff;--text: #e8edf2;--text-2: #8fa3b8;--text-3: #546070;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:9999;mix-blend-mode:overlay}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;line-height:1.05}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-align:center}.btn-primary{background:var(--green);color:#080c10}.btn-primary:hover{background:var(--green-dim);transform:translateY(-1px);box-shadow:0 8px 24px #00e87a4d}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-2)}.btn-ghost:hover{border-color:var(--green);color:var(--green)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-green{background:#00e87a26;color:var(--green)}.badge-amber{background:#f5a62326;color:var(--amber)}.badge-red{background:#ff4d6d26;color:var(--red)}.badge-blue{background:#4d9eff26;color:var(--blue)}.input{width:100%;padding:.75rem 1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:.95rem;transition:border-color .2s ease}.input:focus{border-color:var(--green);outline:none}.input::placeholder{color:var(--text-3)}label{display:block;font-size:.85rem;color:var(--text-2);margin-bottom:.4rem;font-weight:500}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.locked{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.5}.animate-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-green{0%,to{box-shadow:0 0 #00e87a66}50%{box-shadow:0 0 0 8px #00e87a00}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green-dim)}@media(max-width:768px){.container{padding:0 1rem}.card{padding:1rem}}