body #match{background:radial-gradient(ellipse at 90% 5%,#e0f3eb,transparent 48%),#f8fafb}
body #match .match-page{max-width:720px;padding:30px 18px 130px}
body #match .match-page-hero{padding:0 12px;margin:0 auto 24px}
.match-spark{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border:4px solid #fff;border-radius:22px;background:linear-gradient(135deg,#cfeee3,#eef7f3);color:#168174;font-size:34px;box-shadow:0 8px 24px #17354d08;transform:rotate(-7deg)}
body #match .match-page-hero .eyebrow{font-size:10px;letter-spacing:2px;color:#168174}
body #match .match-page-hero h1{margin:12px 0;font-family:'DM Sans',sans-serif;font-size:38px;font-weight:800;line-height:1.06;letter-spacing:-1.7px;color:#17354d}
body #match .match-page-hero h1 em{font-style:normal;color:#168174}
body #match .match-page-hero>p:not(.eyebrow){max-width:340px;margin:0 auto;font-size:14px;line-height:1.6;color:#75868f}
body #match .bookluit-match{padding:21px;margin:0;border:1px solid #e1e9ec;border-radius:24px;background:#fff;box-shadow:0 8px 28px #17354d06}
body #match .match-head .eyebrow,body #match .match-head p:not(.eyebrow),body #match .match-pill{display:none}
body #match .match-head h2{margin:0 0 4px;font:700 19px/1.3 'DM Sans',sans-serif;letter-spacing:-.4px;color:#17354d}
body #match .match-form{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
body #match .match-form input{height:52px;padding:14px 15px;border:1px solid #dfe7eb;border-radius:14px;background:#f9fbfc;color:#17354d;font:500 14px 'DM Sans',sans-serif;box-shadow:none}
body #match .match-form input::placeholder{color:#84949c;opacity:1}
body #match .match-form input:focus{outline:2px solid #168174;outline-offset:2px;background:#fff}
body #match .match-form .primary{min-height:52px;margin:5px 0 0;border-radius:15px;background:#173d58!important;color:#fff!important;font-size:15px;font-weight:700;box-shadow:0 7px 16px #17354d13}
body #match .match-results:empty{display:none}
body #match .match-card{padding:13px;border-radius:16px;border:1px solid #e3ece9;background:#fbfdfc;box-shadow:none}
@media(min-width:760px){body #match .match-page{padding-top:48px}body #match .match-page-hero h1{font-size:44px}}
