:root{--navy:#11152B;--accent:#7957F5;--lav:#F4F1FF;--gold:#D8B66A;--text:#27283A;--muted:#77778B;--bg:#FAF9FD}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
a{color:var(--accent)}header{background:var(--navy);color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
header a{color:#fff;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{font-size:15px}
main{max-width:1080px;margin:0 auto;padding:24px 16px}
.hero{background:var(--navy);color:#fff;border-radius:16px;padding:32px 24px;margin-bottom:24px}
.hero h1{margin:0 0 10px;font-size:34px;line-height:1.2}.hero p{color:#d9d4ff;max-width:700px}
.card{background:#fff;border:1px solid #e8e6f5;border-radius:14px;padding:20px;margin:18px 0;box-shadow:0 2px 12px rgba(17,21,43,.05)}
label{display:block;font-weight:600;margin:12px 0 4px}input,select{width:100%;padding:11px 12px;border:1px solid #d8d6e8;border-radius:10px;font-size:16px}
button{background:var(--accent);color:#fff;border:0;padding:13px 20px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;margin-top:16px}
button.secondary{background:#fff;color:var(--accent);border:2px solid var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.big3{font-size:20px}.err{color:#b42318;background:#fef3f2;border:1px solid #fecdca;padding:10px;border-radius:10px;margin-top:12px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid #eee;font-size:15px}
.sugg{border:1px solid #ddd;border-radius:10px;overflow:hidden;margin-top:4px;background:#fff}.sugg button{display:block;width:100%;text-align:left;background:#fff;color:var(--text);border:0;border-bottom:1px solid #eee;margin:0;padding:10px;font-weight:400}
footer{max-width:1080px;margin:20px auto;padding:20px 16px;color:var(--muted);font-size:14px}
footer a{color:var(--muted)}@media(max-width:600px){.hero h1{font-size:28px}header{flex-direction:column;align-items:flex-start}}
@media print{header,footer,.noprint{display:none!important}.card{box-shadow:none;border:1px solid #ccc}}