*{box-sizing:border-box}body{margin:0;background:#0c1421;color:#edf3fa;font:16px system-ui,sans-serif}main{max-width:900px;margin:10vh auto;padding:28px}.label{color:#89c3b8;font-size:12px;letter-spacing:3px}h1{font-size:clamp(30px,5vw,44px);margin-bottom:12px}p{color:#aab9cc;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:38px 0}.cards a{color:inherit;text-decoration:none;border:1px solid #344155;border-radius:20px;padding:30px;background:#152234}.cards a:hover{border-color:#8ad7be;background:#1b2c40}.cards span{color:#89c3b8}.cards b{color:#9ee9ce}form{max-width:420px;margin-top:30px}label{display:block;margin:18px 0}input{display:block;width:100%;padding:14px;margin-top:8px;background:#152234;border:1px solid #43516a;border-radius:9px;color:white;font:inherit}button{padding:13px 22px;border:0;border-radius:9px;background:#a4e7cc;color:#10251e;font:inherit;cursor:pointer}button:disabled{opacity:.6}footer{margin-top:48px;color:#8496ad;font-size:13px}#error{color:#ffb7b7}