:root{font:16px/1.55 system-ui,sans-serif;color:#14283a;background:#f1f6f5}
*{box-sizing:border-box}
body{margin:0}
header{background:#093b3b;color:#fff}
nav,main,footer{width:min(1100px,calc(100% - 2rem));margin:auto}
nav{min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:1rem}
nav a{color:inherit}.brand{font-weight:750;text-decoration:none}
main{padding:2.5rem 0 3rem}
h1{font-size:clamp(1.8rem,5vw,3.1rem);line-height:1.1;margin:.3rem 0 1rem}
h2{font-size:1.15rem}h3{font-size:1.05rem;margin:.5rem 0}
section{margin-top:2rem}
.eyebrow{color:#00635b;font-weight:750;letter-spacing:.1em;margin:0}
.grid,.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));gap:1rem}
.card,.panel{background:#fff;border:1px solid #cadcd8;border-radius:14px;padding:1.15rem}
.narrow{max-width:440px}
.folder-icon{display:inline-flex;color:#966000;background:#fff1c8;padding:.45rem;border-radius:9px}
.drive{color:#00635b;font-weight:700}.muted{color:#536576}
details{margin-top:.7rem}summary{cursor:pointer;color:#184d4a}ul{padding-left:1.25rem}
label{display:block;font-weight:650}
input{display:block;width:100%;padding:.55rem;border:1px solid #819891;border-radius:7px;margin:.3rem 0 .8rem;font:inherit}
button{background:#00635b;color:white;border:0;border-radius:7px;padding:.6rem 1rem;font:inherit;font-weight:700;cursor:pointer}
:focus-visible{outline:3px solid #a45d00;outline-offset:3px}
.message{padding:.7rem 1rem;background:#d8f2e7;border-radius:7px}.error{background:#fee6e2;color:#841f15}
footer{border-top:1px solid #cadcd8;padding:1rem 0;color:#536576}
.brand{display:flex;align-items:center;gap:.7rem;min-width:0}
.brand small{display:block;font-size:.8rem;font-weight:400;overflow-wrap:anywhere}
.nav-logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}
.hero-logo{width:88px;height:88px;object-fit:contain;flex-shrink:0}
.identity-panel{max-width:700px;margin-bottom:2rem}
.checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}
.checkbox input{width:auto;margin:0}
@media(max-width:480px){nav{padding:.65rem 0;align-items:flex-start}nav>a:last-child{font-size:.85rem}.hero-logo{width:68px;height:68px}}