:root{background:#050505;color:#e8e8e8;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 10%,#071b2b,transparent 30%),linear-gradient(120deg,#050505,#0b0d12)}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #20242d}.brand{font-weight:900;letter-spacing:.2em}.brand span,.eyebrow{color:#00a8ff}main{padding:8vh 7vw}.hero h1{font-size:clamp(3rem,8vw,7rem);line-height:.9;margin:.2em 0;text-shadow:0 0 30px #e6001244}.auth{display:flex;gap:8px;flex-wrap:wrap;margin:45px 0}.auth input,.auth button,.grid button{background:#0b0d12;border:1px solid #343945;color:#fff;padding:14px}.auth button{border-color:#e60012}.grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px}.grid>a,.grid>div{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid #20242d;background:#0b0d12cc;color:#fff;text-decoration:none}.grid>a:hover{border-color:#008cff;box-shadow:0 0 25px #008cff22}.hidden{display:none}@media(max-width:700px){.grid{grid-template-columns:1fr}}