:root{--navy:#063d50;--teal:#08bfc4;--green:#4dcc69;--ink:#12303b;--muted:#698087;--line:#dcecef;--light:#effbfc}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.front-nav{min-height:78px;display:flex;align-items:center;gap:28px;padding:8px 6vw;position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid #e4f1f2}.front-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-right:auto;flex:none}.front-brand img{width:56px;height:56px;object-fit:contain}.front-brand small{display:block;font-size:10px;color:var(--muted);font-weight:500}.front-menu{display:flex;align-items:center;gap:5px}.front-menu a{padding:10px 12px;border-radius:9px;color:#527078;font-size:13px;font-weight:600;white-space:nowrap}.front-menu a:hover,.front-menu a.active{background:#e6f9f8;color:#087f87}.front-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--teal),#078fae);color:#fff;border-radius:12px;padding:12px 20px;font-weight:700;box-shadow:0 10px 26px #08bfc42a}.front-btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none}.front-main{min-height:calc(100vh - 145px);background:linear-gradient(155deg,#fff 20%,#effbfc)}.compact-hero{padding:65px 7vw;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px;min-height:500px}.pill,.section-tag{display:inline-block;color:#078e94;background:#ddfaf9;padding:7px 12px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1.2px}.compact-hero h1,.page-intro h1{font-size:48px;line-height:1.12;margin:18px 0;max-width:760px}.compact-hero p,.page-intro p{font-size:17px;line-height:1.7;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-logo{display:grid;place-items:center}.hero-logo img{width:min(360px,90%);filter:drop-shadow(0 25px 35px #063d5024)}.shortcut-section{padding:60px 7vw 80px;background:#fff}.section-heading{text-align:center;max-width:660px;margin:0 auto 30px}.section-heading h2{font-size:34px;margin:12px 0 6px}.section-heading p{color:var(--muted)}.shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shortcut-grid>a{border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:.18s}.shortcut-grid>a:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 16px 35px #063d5010}.shortcut-grid>a>span{font-size:11px;color:#078e94;font-weight:800}.shortcut-grid h3{margin:0 0 7px}.shortcut-grid p{margin:0;color:var(--muted);line-height:1.55}.shortcut-grid b{color:#078e94;font-size:13px;margin-top:auto}.page-intro{padding:65px 7vw 35px;max-width:1050px}.info-grid,.process-grid,.contact-grid{padding:10px 7vw 80px;display:grid;gap:18px}.info-grid.three,.process-grid{grid-template-columns:repeat(3,1fr)}.info-grid article,.process-grid article,.contact-grid article,.service-menu article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.info-grid b,.process-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ddfaf9;color:#078e94}.info-grid h2,.process-grid h2,.contact-grid h2,.service-menu h2{font-size:19px;margin:15px 0 7px}.info-grid p,.process-grid p,.contact-grid p,.service-menu p{color:var(--muted);line-height:1.6;margin:0}.service-menu{padding:10px 7vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.service-menu article{display:flex;gap:16px;align-items:flex-start}.service-menu article>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:#ddfaf9;color:#078e94;font-weight:800}.service-menu h2{margin-top:1px}.notice-box{margin:0 7vw 80px;background:linear-gradient(120deg,var(--navy),#087884);color:#fff;border-radius:22px;padding:30px;display:flex;align-items:center;gap:20px}.notice-box strong{font-size:20px}.notice-box p{margin-right:auto;color:#c7e4e7}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid article span{display:inline-block;margin-top:17px;padding:7px 10px;border-radius:9px;background:#e6f9f8;color:#087f87;font-size:12px;font-weight:700}footer{padding:25px 7vw;background:#052f3f;color:#a9c9cf;display:flex;justify-content:space-between;font-size:12px}@media(max-width:900px){.front-nav{padding:8px 16px;flex-wrap:wrap;gap:8px}.front-brand{order:1}.login-btn{order:2}.front-menu{order:3;width:100%;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.front-menu::-webkit-scrollbar{display:none}.compact-hero{grid-template-columns:1fr;padding:45px 22px}.hero-logo{display:none}.shortcut-section,.page-intro,.info-grid,.process-grid,.contact-grid,.service-menu{padding-left:22px;padding-right:22px}.shortcut-grid{grid-template-columns:1fr}.service-menu,.contact-grid{grid-template-columns:1fr}.info-grid.three,.process-grid{grid-template-columns:1fr}.notice-box{margin:0 22px 55px;align-items:flex-start;flex-direction:column}.notice-box p{margin:0}}@media(max-width:520px){.front-brand img{width:46px;height:46px}.front-brand{font-size:15px}.front-nav{position:static}.front-menu a{padding:9px 11px}.compact-hero h1,.page-intro h1{font-size:32px}.compact-hero p,.page-intro p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .front-btn{width:100%}.section-heading h2{font-size:28px}.shortcut-section{padding-top:45px}.login-btn{padding:10px 14px}footer{flex-direction:column;gap:7px}}