@font-face{font-family:Rawson;src:url("../fonts/Rawson-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Rawson;src:url("../fonts/Rawson-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Rawson;src:url("../fonts/Rawson-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{--blue:#224073;--blue-dark:#002244;--green:#75ad17;--green-dark:#558b2f;--text:#333;--muted:#666;--border:#e0e0e0}
*{box-sizing:border-box}
html{font-size:90%}
body{margin:0;background:#fff;color:var(--text);font-family:Rawson,Arial,sans-serif;line-height:1.6}
a{text-decoration:none}
.container{width:min(1120px,calc(100% - 30px));margin-inline:auto}
.main-header{height:88px;padding:4px 48px;background:#fff}
.header-logo{display:block;width:175.578px;height:80px;object-fit:contain}
.hero-banner{overflow:hidden;border-radius:16px}
.hero-img{display:block;width:100%;height:auto}
.section{padding:48px 15px;text-align:center}
.section-title{position:relative;margin:0 0 8px;color:var(--blue);font-size:2rem;font-weight:700}
.section-title::after{content:"";display:block;width:40px;height:3px;margin:8px auto 0;border-radius:2px;background:#7cb342}
.subtitle{margin:0 0 32px;color:var(--muted);font-size:.95rem}
.exam-grid{display:grid;grid-template-columns:repeat(2,295px);justify-content:center;gap:30px}
.exam-card{display:flex;min-height:352px;flex-direction:column;padding:24px;border:1px solid var(--border);border-radius:16px;background:#fff;transition:.3s}
.exam-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.08)}
.icon-circle{display:grid;width:100px;height:100px;place-items:center;margin:0 auto 24px;border-radius:50%;font-size:3rem}
.icon-green{color:var(--green);background:#e8f5e9}.icon-blue{color:var(--blue);background:#e8f0fe}
.card-title{margin:0 0 16px;color:var(--blue);font-size:1.25rem;font-weight:700;white-space:nowrap}
.card-text{min-height:69px;margin:0 0 24px;color:var(--muted);font-size:.9rem}
.button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:16px;margin-top:auto;padding:10px 20px;border:0;border-radius:8px;color:#fff;font-family:Rawson,Arial,sans-serif;font-size:1rem;font-weight:600;cursor:pointer}
.button-full{width:100%}
.button:hover{color:#fff}.button-green{background:var(--green)}.button-green:hover{background:var(--green-dark)}.button-blue{background:var(--blue)}.button-blue:hover{background:var(--blue-dark)}
.choice-panel{max-width:820px;margin:0 auto;padding:32px;border:1px solid var(--border);border-radius:16px}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.choice{display:flex;min-height:110px;align-items:center;justify-content:center;gap:18px;border-radius:10px;color:#fff;background:var(--blue);transition:.2s}
.choice i{font-size:2.6rem}
.choice span{font-family:Rawson,Arial,sans-serif;font-size:1.2rem;font-weight:700;white-space:nowrap}
.choice:hover{transform:translateY(-2px);color:#fff;background:var(--blue-dark)}
.back{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;color:#718096}.back:hover{color:var(--blue)}
.login-card{width:min(100%,420px);margin:32px auto 0;padding:48px;border:1px solid var(--border);border-radius:16px;text-align:left}
.form-alert{display:none;margin-bottom:20px;padding:12px 16px;border-radius:8px;background:#fdecea;color:#c0392b;font-size:.9rem;font-weight:600}
.form-group{margin-bottom:28px}.form-group label{display:block;margin-bottom:10px;font-weight:700}
.form-control{width:100%;height:58px;padding:12px 20px;border:1px solid #cad3df;border-radius:6px;font:1.1rem Rawson}
.clinics-section{width:min(1120px,calc(100% - 30px));margin:0 auto;padding:12px 15px 42px;text-align:center}
.clinics-divider{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:28px}
.clinics-divider h2{flex:0 0 auto;margin:0;color:var(--blue);font-size:1.25rem;font-weight:700}
.clinics-line{width:100%;height:1px;background:#cad3df}
.clinics-grid{display:grid;grid-template-columns:repeat(6,118px);align-items:center;justify-content:center;gap:14px}
.clinics-grid img{display:block;width:118px;height:112px;object-fit:contain}
.main-footer{padding:24px 48px;border-top:1px solid #eef2f5;color:#718096}
.footer-row{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:24px}.footer-links{visibility:hidden;text-align:center}.footer-links a{margin:0 18px;color:#718096}.footer-copy{text-align:right;color:#8c9ba5;font-size:.88rem}
@media(max-width:991px){.clinics-grid{grid-template-columns:repeat(4,118px)}}
@media(max-width:767px){.main-header{height:76px;padding-inline:15px}.header-logo{height:68px}.hero-img{height:auto}.exam-grid,.choice-grid{grid-template-columns:1fr}.exam-grid{max-width:325px;margin:auto}.card-title{white-space:normal}.choice-panel,.login-card{padding:24px}.clinics-divider{gap:12px}.clinics-divider h2{font-size:1.1rem}.clinics-grid{grid-template-columns:repeat(2,118px);gap:12px 24px}.footer-row{grid-template-columns:1fr;text-align:center}.footer-copy{text-align:center}}