*{box-sizing:border-box;font-family:Arial}
body{margin:0;background:#f4f6fb;color:#333}
.hero{min-height:300px;background:linear-gradient(135deg,#0d47a1,#42a5f5);color:white;display:flex;align-items:center;justify-content:center;gap:30px;padding:40px;text-align:center}
.logo{width:120px}
.card{max-width:700px;margin:-70px auto 30px;background:white;border-radius:24px;padding:35px;box-shadow:0 20px 50px #0003}
input,select,button{width:100%;padding:15px;margin:10px 0;border-radius:12px;border:1px solid #ddd;font-size:16px}
button{background:#1565c0;color:white;border:0;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.option{padding:20px;border-radius:18px;background:#fafafa;box-shadow:0 5px 15px #0002;cursor:pointer}
.option.active{outline:3px solid #1565c0}
.option.lock{background:#ddd;color:#777;pointer-events:none}
#loader{display:none;position:fixed;inset:0;background:#0008;color:white;align-items:center;justify-content:center}
#toast{position:fixed;bottom:20px;right:20px}