*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef3f8;color:#222}
.hero{background:linear-gradient(135deg,#1565c0,#1e88e5);color:#fff;padding:48px 20px;text-align:center}
.hero h1{margin:0;font-size:2.4rem}.hero p{margin:10px 0 0;opacity:.95}
main{max-width:900px;margin:auto;padding:24px}.card{background:#fff;border-radius:14px;padding:24px;margin-bottom:24px;box-shadow:0 4px 14px rgba(0,0,0,.08)}
h2{margin-top:0}label{display:block;margin:18px 0 6px;font-weight:bold}
input{width:100%;padding:14px;font-size:1rem;border:2px solid #bbb;border-radius:8px}
button{width:100%;margin-top:20px;padding:15px;font-size:1rem;background:#1565c0;color:#fff;border:none;border-radius:8px}
button:hover{background:#0d47a1}.error{background:#ffebee;border-left:5px solid #c62828;padding:12px}
.step{display:flex;gap:16px;margin:18px 0}.step span{background:#1565c0;color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;flex:none}
.step h3{margin:0 0 4px}.step p{margin:0}.notice{margin-top:20px;padding:14px;background:#fff8e1;border-left:5px solid #ffb300}
footer{text-align:center;color:#666;padding:20px}
@media(max-width:700px){.hero h1{font-size:2rem}main{padding:14px}.card{padding:18px}}
.download-card{border:1px solid #d7dce2;border-radius:10px;padding:18px;margin:18px 0}
.download-card h3{margin:0 0 8px}.download-card p{margin:0 0 16px;color:#555}
.button{display:inline-block;background:#1565c0;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:bold}
.button:hover{background:#0d47a1}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.secondary-button{display:inline-block;padding:12px 18px;border:2px solid #1565c0;color:#1565c0;border-radius:8px;text-decoration:none;font-weight:bold}
.secondary-button:hover{background:#eef5ff}