*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}a{color:inherit;text-decoration:none}:root{--bg-color:#0f172a;--surface-color:#1e293b;--surface-hover:#334155;--primary:#38bdf8;--primary-glow:#38bdf84d;--secondary:#94a3b8;--text-main:#f8fafc;--text-dim:#94a3b8;--border-color:#ffffff1a;--glass-bg:#1e293bb3;--radius:12px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1000px;padding:0 2rem}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);padding:1.5rem;box-shadow:0 10px 30px -10px #00000080}.card:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-4px)}h1,h2,h3{color:var(--text-main);letter-spacing:-.02em;margin-bottom:1rem;font-weight:700}p{color:var(--text-dim);margin-bottom:1rem}.btn{background:var(--primary);color:var(--bg-color);border-radius:var(--radius);transition:var(--transition);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.1);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.02)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--bg-color)}.input{border:1px solid var(--border-color);color:#fff;width:100%;transition:var(--transition);background:#0f172a80;border-radius:8px;outline:none;padding:.75rem 1rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.badge{background:var(--surface-hover);color:var(--primary);text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.top-nav{letter-spacing:.5em;padding:2rem;font-weight:800}