.service-application{min-height:calc(100dvh - 130px);display:flex;align-items:center;background:linear-gradient(90deg,#f7fcf7f5 0%,#f7fcf7e8 38%,#f7fcf794 58%,#f7fcf729 100%),url('../images/hero-scene.png') right center/cover no-repeat;padding:22px 0 26px}
.service-layout{width:100%;max-width:1300px}.service-intro{max-width:800px;margin-bottom:20px}.service-intro .eyebrow{font-size:11px;color:#268653;letter-spacing:.24em;margin:0 0 5px}.service-intro h1{font:700 clamp(40px,4vw,55px)/1.1 'Playfair Display',Georgia,serif;color:#092f36;letter-spacing:-.035em;margin:0 0 6px}.service-intro>p:not(.eyebrow){max-width:680px;font-size:15px;line-height:1.4;color:#4d6570;margin:0}
.service-steps{display:flex;align-items:center;gap:12px;margin-top:17px}.service-steps>div{display:flex;align-items:center;gap:8px}.service-steps b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e1eaeb;color:#25444b;font-size:12px;flex:none}.service-steps>div:first-child b{background:#087851;color:#fff}.service-steps strong,.service-steps small{display:block;white-space:nowrap}.service-steps strong{font-size:12px}.service-steps small{font-size:10px;color:#748687}.service-steps i{height:1px;width:45px;background:#c7d7d3}
.service-content{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:18px;align-items:stretch}.service-form-card{padding:23px 28px;background:#fffffff2;backdrop-filter:blur(10px);border-radius:19px}.service-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:12px}.service-section-heading>span{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#e4f3e9;color:#08724e}.service-section-heading .portal-nav-icon{width:23px;height:23px}.service-section-heading h2{font:700 24px 'Playfair Display',Georgia,serif;margin:0 0 2px}.service-section-heading p{font-size:12px;color:#778688;margin:0}.service-form-card form{display:grid;gap:8px}.service-form-card form label{display:block;font-size:12px;font-weight:700;color:#193b43}.service-form-card form input,.service-form-card form select,.service-form-card form textarea{display:block;width:100%;margin-top:4px;border:1px solid #dce8e2;border-radius:9px;background:#fff;padding:10px 12px;color:#20414b;font:inherit;font-size:12px}.service-form-card form input,.service-form-card form select{height:40px}.service-form-card form textarea{min-height:70px;resize:vertical}.service-form-card form input:focus,.service-form-card form select:focus,.service-form-card form textarea:focus{outline:2px solid #b7dfc7;outline-offset:1px}.service-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-form-card form .button{min-height:43px;gap:9px;font-size:13px}.service-form-card form .button .portal-nav-icon{width:17px;height:17px}.service-form-card .notice{margin:0 0 7px;padding:7px 10px;font-size:12px}
.service-aside{display:flex;flex-direction:column;gap:13px;justify-content:end}.service-info-card{padding:20px;background:#fffffff0;backdrop-filter:blur(8px)}.service-info-card h2{font:700 21px 'Playfair Display',Georgia,serif;margin:0 0 10px}.service-info-card>div{display:flex;gap:9px;align-items:flex-start;margin:8px 0}.service-info-card>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e0f2e6;color:#0b714d;flex:none;font-size:19px}.service-info-card .portal-nav-icon{width:18px;height:18px}.service-info-card p{margin:0}.service-info-card b,.service-info-card small{display:block}.service-info-card b{font-size:11px}.service-info-card small{font-size:10px;line-height:1.4;color:#6b7e80;margin-top:2px}.service-contact-card{border-radius:16px;background:#dfefe4dc;padding:16px 19px;color:#214f43}.service-contact-card b{font-size:12px}.service-contact-card p{font-size:11px;line-height:1.4;margin:4px 0 10px}.service-contact-card .button{font-size:11px;padding:7px 12px;background:#f8fcf7}.service-application~.footer{display:none}
@media(min-width:701px) and (max-height:780px){.service-application{padding:8px 0}.service-intro{margin-bottom:11px}.service-intro h1{font-size:40px}.service-steps{margin-top:10px}.service-form-card{padding:15px 22px}.service-section-heading{margin-bottom:7px}.service-form-card form{gap:5px}.service-form-card form input,.service-form-card form select{height:36px}.service-form-card form textarea{min-height:55px}.service-info-card{padding:14px}}
@media(max-width:900px){.service-content{grid-template-columns:1fr minmax(220px,.65fr)}.service-steps i{width:23px}.service-form-card{padding:18px}.service-aside{gap:9px}}
@media(max-width:700px){.service-application{padding:28px 0 45px;background-position:60% center}.service-content{grid-template-columns:1fr}.service-intro h1{font-size:40px}.service-steps{gap:5px;overflow-x:auto}.service-steps i{width:18px;flex:none}.service-steps strong{font-size:11px}.service-steps small{display:none}.service-date-grid{grid-template-columns:1fr}.service-aside{display:grid;grid-template-columns:1fr}.service-application~.footer{display:block}}
.service-upload-section{margin:5px 0 8px;padding:15px;border:1px solid #dce9e1;border-radius:12px;background:#f8fcf9}
.service-upload-section h3{margin:0;color:#173d3b;font-size:14px}
.service-upload-section h3 small{font-size:11px;font-weight:500;color:#6d8286}
.service-upload-section p{margin:5px 0 11px;color:#607a80;font-size:11px;line-height:1.5}
.service-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.service-form-card form .service-upload-grid input[type=file]{height:auto;min-height:42px;padding:8px;font-size:11px}
.service-upload-section>small{display:block;margin-top:9px;color:#607a80;font-size:10px}
@media(max-width:700px){.service-upload-grid{grid-template-columns:1fr}}
/* Keep the application instructions readable over the hero photograph. */
.service-intro{max-width:900px;padding:25px 28px;border:1px solid #dbe9df;border-radius:20px;background:#fafffaed;box-shadow:0 12px 30px #153c2b15;backdrop-filter:blur(8px)}
.service-intro>p:not(.eyebrow){font-size:18px;line-height:1.5;color:#304c55}
.service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.service-steps>div{min-width:0;gap:13px;padding:14px 13px;border:1px solid #d6e6dd;border-radius:14px;background:#fff}
.service-steps>div:first-child{border-color:#087851;background:#edf8f0}
.service-steps b{width:42px;height:42px;font-size:17px}
.service-steps strong,.service-steps small{white-space:normal}
.service-steps strong{font-size:16px;line-height:1.25;color:#153b3c}
.service-steps small{font-size:13px;line-height:1.35;color:#526b70;margin-top:3px}
.service-steps i{display:none}
@media(max-width:700px){.service-intro{padding:20px}.service-intro>p:not(.eyebrow){font-size:16px}.service-steps{grid-template-columns:1fr;overflow:visible;gap:9px}.service-steps>div{padding:11px 13px}.service-steps strong{font-size:15px}.service-steps small{display:block;font-size:12px}}
/* Compact application layout: introduction and form remain visible together. */
.service-application{display:block;min-height:calc(100dvh - 130px);padding:24px 0 34px;background:linear-gradient(90deg,#f8fcf8f5 0%,#f8fcf8ed 53%,#f8fcf8b0 100%),url('../images/hero-scene.png') right center/cover no-repeat}
.service-layout{max-width:1380px}.service-intro{max-width:none;margin:0 0 15px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.service-intro .eyebrow{margin:0 0 4px}.service-intro h1{font-size:clamp(34px,3vw,46px);margin:0 0 4px}.service-intro>p:not(.eyebrow){max-width:none;font-size:15px;line-height:1.4}
.service-steps{display:flex;align-items:center;gap:8px;margin:13px 0 0;max-width:900px}.service-steps>div{flex:1;display:flex;align-items:center;gap:10px;min-height:57px;padding:9px 12px;border-radius:11px;background:#fffffff2}.service-steps b{width:33px;height:33px;font-size:14px}.service-steps strong{font-size:13px}.service-steps small{font-size:11px;margin-top:1px}.service-steps i{display:none}
.service-content{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:15px;align-items:start}.service-form-card{padding:19px 23px}.service-section-heading{margin-bottom:11px}.service-section-heading h2{font-size:23px}.service-form-card form{gap:8px}.service-form-card form label{font-size:12px}.service-form-card form input,.service-form-card form select{height:38px}.service-form-card form textarea{min-height:61px}.service-upload-section{margin:3px 0 5px;padding:12px}.service-upload-section p{margin:4px 0 8px}.service-aside{justify-content:flex-start;gap:12px}.service-info-card{padding:18px}.service-info-card h2{font-size:20px}.service-info-card b{font-size:12px}.service-info-card small{font-size:11px}.service-contact-card{background:#e6f3e9f2}
@media(max-width:900px){.service-content{grid-template-columns:minmax(0,1fr) 250px}.service-layout{padding-left:20px;padding-right:20px}}
@media(max-width:700px){.service-application{padding:22px 0 35px;background:linear-gradient(#f8fcf8ed,#f8fcf8e8),url('../images/hero-scene.png') center/cover}.service-layout{padding-left:18px;padding-right:18px}.service-intro h1{font-size:36px}.service-intro>p:not(.eyebrow){font-size:14px}.service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.service-steps>div{display:block;min-height:74px;padding:8px;text-align:center}.service-steps b{margin:0 auto 4px;width:27px;height:27px;font-size:12px}.service-steps strong{font-size:11px}.service-steps small{display:none}.service-content{grid-template-columns:1fr}.service-form-card{padding:18px}.service-aside{display:grid;grid-template-columns:1fr}.service-date-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.service-date-grid{grid-template-columns:1fr}.service-section-heading h2{font-size:20px}}
