*{box-sizing:border-box}body{margin:0;color:#193746;background:#f0f5f7;font:16px/1.6 system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(24px,6vw);background:white;border-bottom:1px solid #dce5e8;gap:20px}header img{width:min(300px,45vw);height:auto}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#137b78;text-decoration:none}main{max-width:1200px;margin:auto;padding:35px 24px}section{background:white;border:1px solid #d8e5e9;padding:32px;border-radius:18px;margin-bottom:24px}.narrow{max-width:540px;margin:25px auto}.hero{background:linear-gradient(125deg,#102e41,#15555a);color:white;padding:56px}.hero p{color:#d1e5e9;font-size:19px;max-width:660px}h1{font-size:clamp(30px,5vw,54px);line-height:1.18;margin:16px 0 24px}.narrow h1{font-size:32px}small{font-size:13px;color:#4e8b8d}.hero small{color:#98dfcc}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.cards section{margin:0}.button,button{display:inline-block;background:#117d77;border:0;border-radius:9px;color:white;padding:12px 20px;font-size:16px;cursor:pointer;margin:7px 7px 7px 0}.secondary{background:#e6f0f1;color:#1c505a}label{display:block;font-weight:600;margin:18px 0}input{width:100%;padding:13px;border:1px solid #aac4d0;border-radius:8px;font-size:16px;margin-top:7px}input:focus{outline:2px solid #2fa797}footer{text-align:center;color:#6a808c;padding:32px;font-size:13px}.error{color:#a82727;background:#fff1ed;padding:12px;border-radius:8px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #dde6eb}section{overflow:auto}@media(max-width:600px){header{align-items:flex-start}.hero{padding:28px}section{padding:22px}nav{gap:10px;font-size:14px}}
.profile-cover{display:flex;align-items:center;gap:24px;background:linear-gradient(125deg,#103647,#176965);color:white}.profile-cover h1{font-size:36px;margin:6px 0}.profile-cover small{color:#a4e0d2}.avatar{display:grid;place-items:center;flex:0 0 84px;height:84px;border-radius:25px;background:#e4f4ef;color:#14675e;font-size:40px;font-weight:700}.badge{padding:4px 12px;border-radius:20px;background:#ffffff20;font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 24px}select{display:block;width:100%;padding:13px;border:1px solid #aac4d0;border-radius:8px;font-size:16px;margin-top:7px;background:white}.check{display:flex;align-items:center;gap:12px;font-weight:400}.check input{width:20px;height:20px;margin:0}.profile-tabs{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0 24px}.profile-tabs a{background:white;border:1px solid #cfdddd;padding:10px 15px;border-radius:9px}.success{padding:16px;background:#dff4ea;border:1px solid #93cfb9;border-radius:12px;color:#125f48}.notice{padding:16px;background:#fff8df;border-radius:10px;color:#745a17}input[readonly]{background:#edf2f5;color:#64717b}@media(max-width:600px){.profile-cover{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}}

textarea{display:block;width:100%;padding:14px;border:1px solid #aac4d0;border-radius:8px;font:inherit;resize:vertical}.cards>div{padding:14px;background:#f4f8f9;border-radius:12px}