:root{--ink:#10233f;--blue:#1769e0;--mint:#2ac6a6;--bg:#f5f8fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}nav{height:72px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce4ef}nav a{color:var(--ink);text-decoration:none;margin-left:24px}.brand{font-size:24px;font-weight:800;margin:0}.brand::after{content:"•";color:var(--mint)}main{max-width:1180px;margin:auto;padding:54px 24px;min-height:calc(100vh - 142px)}.hero{padding:64px 0;max-width:760px}.hero span{color:var(--blue);font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(42px,7vw,72px);line-height:1.02;margin:16px 0}.hero p{font-size:20px;color:#52647d;max-width:680px}.button,button{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:14px 22px;font-weight:700;text-decoration:none;cursor:pointer}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features article,.card{background:#fff;padding:26px;border-radius:16px;box-shadow:0 8px 30px #10233f0d}.features b{font-size:20px}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.form label{display:block;font-weight:650}.form input,.form select{width:100%;padding:11px;border:1px solid #cbd7e6;border-radius:8px}.form button{align-self:end}.table{overflow:auto;background:#fff;border-radius:16px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:16px;border-bottom:1px solid #e3eaf2}th{background:#edf4ff}footer{text-align:center;padding:24px;color:#6c7a8e}@media(max-width:720px){nav div{display:none}.features,.form{grid-template-columns:1fr}.hero{padding:30px 0}}