*{box-sizing:border-box}body{margin:0;background:#0b1223;color:#f5f8ff;font:16px Arial,sans-serif}.card{max-width:460px;margin:7vh auto;padding:30px;background:#18233b;border-radius:16px}.wide{max-width:1100px;margin:35px auto;padding:20px}header{padding:22px;background:#18233b;display:flex;justify-content:space-between}a{color:#70c9ff}label{display:block;margin:16px 0}input{display:block;width:100%;padding:12px;margin-top:7px;background:#10192e;color:white;border:1px solid #4c5975;border-radius:8px}button{padding:13px 20px;background:#258fe8;color:white;border:0;border-radius:8px;cursor:pointer;width:100%}.error{color:#ffacb5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.grid section{padding:22px;background:#18233b;border-radius:14px}@media(max-width:500px){.card{margin:15px;padding:22px}}