:root{--brand: #0b3b66;--accent: #2e8b57;--muted: #6b7280;--bg: #f7f9fb;--card: #ffffff;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f1724;background:var(--bg);-webkit-font-smoothing:antialiased}.app-root{display:flex;flex-direction:column;min-height:100vh}main{flex:1;max-width:1100px;margin:0 auto;padding:20px}.header{background:transparent;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:44px;height:44px;border-radius:8px;background:var(--brand);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.brand .title{font-weight:700;font-size:1.1rem}.nav{display:flex;gap:16px;align-items:center}.nav a{color:var(--brand);text-decoration:none;padding:8px;border-radius:8px}.nav a:focus{outline:3px solid rgba(11,59,102,.15)}.cta{background:var(--brand);color:#fff;padding:10px 14px;border-radius:8px}.cta-secondary{border:1px solid rgba(11,59,102,.08);padding:8px 12px;border-radius:8px}.mobile-toggle{display:none;background:transparent;border:0;color:var(--brand);font-size:20px}.mobile-menu{display:none}.hero{background:linear-gradient(180deg,rgba(11,59,102,.04),transparent);padding:28px;border-radius:var(--radius);margin-bottom:20px}.hero h1{font-size:1.6rem;margin:0;color:var(--brand)}.hero p{color:var(--muted);margin:12px 0}.hero .actions{display:flex;gap:12px;margin-top:12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:0 6px 14px #0f17240a}.card h3{margin-top:0;color:var(--brand)}.card ul{margin:10px 0;padding-left:18px;color:var(--muted)}.card p.note{font-size:.9rem;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.feature{background:var(--card);padding:14px;border-radius:10px;text-align:center}.feature h4{margin:8px 0 6px}.feature p{color:var(--muted);font-size:.95rem}.steps{display:flex;gap:12px;align-items:stretch}.step{flex:1;background:var(--card);padding:12px;border-radius:10px;text-align:center}.cta-block{background:var(--brand);color:#fff;padding:20px;border-radius:12px;text-align:center;margin:20px 0}.cta-block .btn{background:var(--accent);color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none}.form-card{background:var(--card);padding:18px;border-radius:12px;max-width:720px;margin:0 auto}.form-row{display:flex;gap:12px}.form-field{flex:1;display:flex;flex-direction:column;margin-bottom:12px}label{font-weight:600;margin-bottom:6px}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=time],select,textarea{padding:10px;border-radius:8px;border:1px solid #e6e9ef}textarea{min-height:100px}.form-actions{display:flex;gap:12px;align-items:center}.notice{font-size:.9rem;color:var(--muted);margin-top:8px}.success{background:#ecfdf3;border:1px solid #bbf7d0;color:#065f46;padding:12px;border-radius:8px}.footer{padding:24px 20px;background:transparent;margin-top:20px}.footer .inner{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer a{color:var(--brand);text-decoration:none}@media (max-width:900px){.cards{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.steps{flex-direction:column}}@media (max-width:640px){.nav{display:none}.mobile-toggle{display:inline-flex}.mobile-menu{display:block}main{padding:14px}.features{grid-template-columns:1fr}}:focus{outline:none}button:focus,a:focus{outline:3px solid rgba(46,139,87,.15)}