:root{--g:#176b3a;--g2:#2f8f55;--g3:#e9f5ed;--line:#d9e5dd;--bg:#f5f8f6;--ink:#17251d;--muted:#657269;--amber:#fff3d6;--red:#fae7e7}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.5 Arial,sans-serif;color:var(--ink)}#app{max-width:1180px;margin:22px auto;padding:0 16px 36px}
.hero{background:linear-gradient(135deg,var(--g),var(--g2));color:#fff;padding:30px;border-radius:18px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.84}.hero h1{margin:6px 0 5px;font-size:34px}.hero p{margin:0}.intro,.panel,.card,.step,.linkcard{background:#fff;border:1px solid var(--line);border-radius:13px}.intro,.panel{padding:16px}.intro{margin:18px 0}.section{margin:25px 0}.section h2{margin:0 0 12px;color:var(--g);font-size:22px}
.deadlines{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:15px}.date{display:inline-block;background:var(--g3);color:var(--g);font-weight:900;font-size:12px;padding:4px 8px;border-radius:20px}.card h3{margin:8px 0 5px;color:var(--g)}.card p{margin:0;color:#405047}.warning{background:var(--amber);border:1px solid #ead79a;border-radius:11px;padding:12px;color:#5f4800;margin-top:12px}.danger{background:var(--red);border-radius:11px;padding:12px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.list{margin:0;padding-left:20px}.list li{margin:7px 0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{padding:14px}.num{width:31px;height:31px;border-radius:50%;background:var(--g);color:white;display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:8px}.step h3{margin:0 0 5px;color:var(--g);font-size:15px}.step p{margin:0;font-size:13px;color:#405047}
.formbox{background:#fff;border:2px solid var(--g);border-radius:14px;padding:18px}.formbox a{display:inline-block;margin-top:10px;background:var(--g);color:#fff;padding:9px 12px;border-radius:8px;text-decoration:none;font-weight:800}
.links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.linkcard{padding:15px}.linkcard a{color:var(--g);font-weight:800;text-decoration:none}.contact a{color:var(--g);font-weight:800;text-decoration:none}
@media(max-width:900px){.flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.deadlines,.grid,.flow,.links{grid-template-columns:1fr}.hero h1{font-size:28px}}