:root{--bg:#020408;--green:#22c55e;--purple:#a855f7;--text:#f0fdf4;--font:'Plus Jakarta Sans',sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}
canvas#stars{position:fixed;inset:0;z-index:1}
canvas#aurora{position:fixed;inset:0;z-index:2;opacity:.35}
nav{position:fixed;top:0;width:100%;padding:2.5rem 4rem;display:flex;justify-content:space-between;z-index:10;border-bottom:1px solid rgba(34,197,94,0.12)}.logo{font-size:1.3rem;font-weight:800;color:var(--green)}.kp{font-size:.75rem;color:var(--purple)}
main{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;position:relative;z-index:5}
h1{font-size:3.2rem;font-weight:800;line-height:1.15;margin-bottom:1.5rem;max-width:800px;background:linear-gradient(135deg,var(--green),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
p{font-size:1.1rem;color:#94a3b8;max-width:600px;margin-bottom:2.5rem;font-weight:300}
.settings{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.settings span{padding:.5rem 1.2rem;background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.2);border-radius:8px;font-size:.85rem;color:var(--green);font-weight:600}