:root{font-family:"Segoe UI",Arial,sans-serif;color:#10213d;background:#f3f6fa;line-height:1.55}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}header,footer{display:flex;align-items:center;gap:1rem;padding:1rem clamp(1rem,5vw,5rem);background:linear-gradient(90deg,#071b2b 0%,#0b4149 55%,#0b2d4c 100%);color:#fff;flex-wrap:wrap}.brand{font-size:clamp(1rem,1.8vw,1.55rem);font-weight:700;color:#fff;text-decoration:none;line-height:1.25}nav{display:flex;gap:.4rem;flex-wrap:wrap;margin-left:auto}nav a,footer a{color:#fff;padding:.55rem .75rem;border-radius:.35rem}nav a[aria-current=page],nav a:hover{background:#fff2}main{max-width:1050px;margin:2rem auto;padding:0 1rem}.page-start main{margin-top:0}.hero,.card{background:#fff;border-radius:.7rem;padding:clamp(1.2rem,4vw,2.5rem);box-shadow:0 3px 14px #10213d18;margin-bottom:1.5rem}.hero-visual{width:100vw;height:clamp(18rem,38vw,31rem);margin-left:calc(50% - 50vw);overflow:hidden;padding:0;border-radius:0;background:#071b2b}.hero-image{display:block;width:100%;height:100%;object-fit:cover}.intro-content{max-width:52rem;margin:2.5rem auto}.intro-content h1{text-align:center;font-size:clamp(2rem,4vw,2.6rem)}.construction-note{margin-top:2rem;text-align:center;color:#4b5870}h1,h2{line-height:1.2}label{display:block;font-weight:600;margin:.9rem 0}.hint{font-weight:400;color:#4b5870}input,textarea,select{display:block;width:100%;max-width:48rem;padding:.7rem;border:1px solid #8290a6;border-radius:.35rem;font:inherit}textarea{min-height:8rem}.button,button{display:inline-block;background:#145da0;color:#fff;border:0;border-radius:.4rem;padding:.7rem 1rem;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#0c477e}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}fieldset{border:1px solid #bdc7d5;border-radius:.5rem;margin:1rem 0}footer{justify-content:center;margin-top:3rem}@media(max-width:850px){header{align-items:flex-start}.brand{width:100%}nav{margin-left:0;width:100%}}@media(max-width:650px){nav a{flex:1;text-align:center}.hero-visual{height:18rem}.intro-content{margin-top:1.75rem}}
