@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1e2d35;--muted:#6b7b83;--line:#e0e8e9;--teal:#167d78;--teal-dark:#0f615d;--wash:#f3f8f7;--cream:#fbfcfa;--gold:#d8a85a}
*{box-sizing:border-box}body{margin:0;background:#f8faf9;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}.topbar{height:76px;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font:800 19px Manrope,sans-serif}.brand small{display:block;font:500 10px "DM Sans";letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--teal);color:#fff;font:800 21px Manrope}.topbar nav{display:flex;gap:28px}.topbar nav a{color:#53656b;text-decoration:none;font-size:13px}.wrap{max-width:1120px;margin:auto;padding:0 24px}.hero{padding:68px 0 54px;display:grid;grid-template-columns:1.4fr .8fr;gap:48px;align-items:center}.eyebrow,.mini-label{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--teal);margin:0 0 10px}.hero h1{font:800 clamp(36px,5vw,54px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 18px}.hero h1 em{font-style:normal;color:var(--teal)}.intro{font-size:16px;color:#65767d;max-width:570px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;box-shadow:0 12px 35px #1d45400a}.round-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e8f4f2;color:var(--teal);font-size:24px;margin-bottom:18px}.hero-card strong{font:700 16px Manrope}.hero-card p{font-size:13px;color:var(--muted)}.tag,.status{font-size:11px;border-radius:20px;padding:6px 10px;background:#fff5e5;color:#8a6124;display:inline-block}.section{margin:18px 0 58px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2{font:750 27px Manrope;margin:0;letter-spacing:-.03em}.muted{color:var(--muted);font-size:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 6px 25px #173b3a06}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel h3{font:700 18px Manrope;margin:4px 0}.panel-head p{margin:0;color:var(--muted);font-size:13px}.progress-track{height:5px;background:#eaf0ef;border-radius:5px;margin:24px 0 8px;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--teal);transition:width .2s}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:28px}.form-section{display:none}.form-section.active{display:block;animation:fade .18s ease}@keyframes fade{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}.section-title{display:flex;gap:14px;align-items:center;margin-bottom:22px}.section-title>span{font:800 14px Manrope;color:var(--teal);background:#e8f4f2;padding:10px 12px;border-radius:10px}.section-title h3{margin:0;font:700 19px Manrope}.section-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1fr 1fr}label{display:block;font-size:12px;font-weight:600;color:#40545c;margin:0 0 16px}input,textarea{display:block;width:100%;border:1px solid #dce5e5;background:#fff;border-radius:9px;padding:11px 12px;margin-top:7px;font:400 13px "DM Sans";color:var(--ink);outline:none}input:focus,textarea:focus{border-color:#5aaca5;box-shadow:0 0 0 3px #e4f4f1}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a0adb1}.notice{background:#eff7f5;border-left:3px solid var(--teal);padding:12px 14px;border-radius:6px;font-size:12px;color:#41645f;margin-bottom:20px}.notice.warning{background:#fff6e9;border-color:#d6a34b;color:#775b2c;margin-top:20px}.table-wrap{overflow:auto;margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#718087;font-weight:600;background:#f6f9f8}th,td{padding:9px;border-bottom:1px solid #edf1f1}td:first-child{min-width:190px}td input{margin:0;min-width:180px}.form-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:20px}.form-actions span{font-size:11px;color:var(--muted)}.btn{border:0;border-radius:9px;padding:11px 17px;font:600 12px "DM Sans";cursor:pointer}.btn.primary{background:var(--teal);color:white}.btn.primary:hover{background:var(--teal-dark)}.btn.secondary{background:#eef3f2;color:#53666b}.btn:disabled{opacity:.4;cursor:not-allowed}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.resource-icon{width:35px;height:35px;display:grid;place-items:center;background:#eaf5f3;color:var(--teal);border-radius:10px;font-size:19px}.resource-card h3{font:700 16px Manrope;margin:16px 0 8px}.resource-card p{font-size:12px;color:#687980;margin:0}.compact{margin-top:16px}.compact h3{margin-top:0}.advice-list{padding-left:18px;font-size:13px;color:#53666b}.advice-list li{padding:5px 0}.small{font-size:11px}.security{display:flex;gap:18px;background:#fff8ec;border:1px solid #f0dfbd;border-radius:14px;padding:22px}.lock{font-size:24px;color:#9a712f}.security h3{font:700 16px Manrope;margin:0 0 6px;color:#6e552d}.security p{font-size:12px;color:#7b6b4e;margin:0}footer{text-align:center;color:#95a1a5;font-size:11px;padding:0 0 35px}
@media(max-width:760px){.topbar{height:auto;padding:15px 20px}.topbar nav{display:none}.wrap{padding:0 16px}.hero{padding:42px 0 32px;grid-template-columns:1fr;gap:20px}.hero-card{padding:20px}.section{margin-bottom:40px}.section-heading{align-items:start;gap:10px;flex-direction:column}.panel{padding:18px}.grid.two,.resource-grid{grid-template-columns:1fr}.panel-head{gap:12px}.progress-meta{gap:10px}.form-actions{gap:8px}.form-actions span{text-align:center}.section-title h3{font-size:16px}}