:root{--background:#f3f6fa;--foreground:#182d43;--card:#fff;--card-foreground:#182d43;--popover:#fff;--popover-foreground:#182d43;--primary:#136859;--primary-foreground:#fff;--secondary:#eaf2f0;--secondary-foreground:#164d43;--muted:#edf1f5;--muted-foreground:#5b6b7d;--accent:#eaf2f0;--accent-foreground:#164d43;--destructive:#b52e33;--border:#dce3eb;--input:#c5d0dc;--ring:#2b8775;--radius:.5rem}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--background);color:var(--foreground);font-size:16px;line-height:1.5}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #2b8775;outline-offset:4px}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1200px)/2))}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:700;letter-spacing:-.4px}.brand-icon{display:grid;place-items:center;background:#12384b;color:#fff;border-radius:10px;width:43px;height:43px}.brand-sub{display:block;font-size:10px;letter-spacing:1.7px;font-weight:600;color:#637386;margin-top:1px}.header-label{font-size:14px;color:#526477}.workspace{max-width:1200px;margin:auto;padding:38px 32px 0}.eyebrow{font-size:12px;letter-spacing:1.35px;font-weight:700;color:#536b7b}.eyebrow span{padding:0 12px;color:#8b9cac}h1{font-size:30px;line-height:1.25;letter-spacing:-.8px;margin:15px 0 12px;max-width:950px}h1 span{font-weight:400}.page-heading:has(+ .form-layout) h1,.page-heading:has(+ .form-layout) h1 span{color:#c62828;font-weight:700}.page-heading>p{color:#5b6b7d;margin:0 0 36px}.form-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start}.section-guide{position:sticky;top:30px;padding-top:18px}.guide-title{font-size:12px;letter-spacing:1.4px;font-weight:700;color:#637386;margin:0 0 19px}.section-guide ol{list-style:none;margin:0;padding:0}.section-guide a{display:flex;gap:13px;align-items:center;color:#354b60;font-size:14px;text-decoration:none;padding:14px 0}.section-guide a:hover{color:#136859}.section-guide a span{font-size:12px;font-weight:700;background:white;border:1px solid #d6e0e7;display:grid;place-items:center;width:29px;height:29px;border-radius:50%}.guide-note{border-top:1px solid #d7e0e9;margin-top:27px;padding-top:22px;color:#647587}.guide-note svg{color:#136859}.guide-note p{font-size:14px;line-height:1.6;max-width:185px}.quality-form{background:#fff;border:1px solid #dae3eb;border-radius:12px;box-shadow:0 4px 20px #14324904;overflow:hidden}.form-intro{display:flex;justify-content:space-between;gap:16px;padding:20px 30px;background:#fafcfd;border-bottom:1px solid #e1e7ed;font-size:14px}.form-intro>span:first-child{font-weight:700}.form-intro>span:last-child{color:#667688;font-size:12px}b{color:#b52e33}.form-section{padding:30px;border-bottom:1px solid #e6ebf0;scroll-margin-top:24px}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-number{color:#136859;font-size:12px;font-weight:700;border-radius:7px;background:#e9f3f0;padding:6px 9px}h2{font-size:19px;letter-spacing:-.35px;font-weight:700;margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{min-width:0}.field.wide{grid-column:1/-1}.field>label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.optional{font-weight:400;color:#657589}.text-control{font-size:16px!important;background:#fff!important;box-shadow:none!important;border-radius:6px!important;width:100%}.text-control:not(textarea){height:46px}.text-control::placeholder{color:#798695;font-size:14px}.text-control[aria-invalid=true]{border-color:#b52e33!important}textarea.text-control{padding:12px;resize:vertical;min-height:100px}.choices{display:flex;gap:12px}.choice{display:flex;align-items:center;gap:10px;width:126px;min-height:44px;border:1px solid #ccd6df;border-radius:6px;padding:10px 14px;cursor:pointer;font-size:14px}.choice.selected{border-color:#247867;background:#f0f8f5;color:#136859}.choice svg:last-child{margin-left:auto}.field-error,.form-error{color:#b52e33;font-size:14px;margin-top:7px}.field-hint{color:#68798a;font-size:13px;margin:9px 0 0}.submit-area{padding:26px 30px;background:#fafcfd}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.submit-row p{margin:0;font-size:14px;color:#344b60}.submit-row p span{font-size:12px;color:#69798a}.primary-button{min-height:48px;padding:12px 22px!important;font-size:14px!important;border-radius:7px;cursor:pointer}footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #dbe3eb;margin-top:40px;padding:24px 0 32px;font-size:13px;font-weight:700;color:#62758a}footer span{font-weight:400}.success-card{background:white;border:1px solid #dce3eb;border-radius:12px;max-width:780px;margin:0 auto;padding:55px;text-align:center}.success-icon{display:grid;place-items:center;background:#e8f5ed;border-radius:50%;color:#136859;width:70px;height:70px;margin:0 auto 25px}.success-card h2{font-size:27px}.success-card p{color:#5b6b7d}.protocol{padding:20px;border:1px solid #cdded9;border-radius:8px;background:#f2f8f6;margin:28px 0}.protocol span{display:block;font-size:12px;letter-spacing:2px;color:#587168}.protocol strong{display:block;font-size:28px;margin-top:8px;letter-spacing:1px;color:#136859}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.form-layout{grid-template-columns:1fr}.section-guide{display:none}.workspace{max-width:820px}h1{font-size:28px}.topbar{padding:0 28px}}@media(max-width:560px){.topbar{height:76px;padding:0 18px}.header-label{display:none}.workspace{padding:26px 16px 0}h1{font-size:26px}h1 span{display:block;margin-top:7px;font-size:23px}.eyebrow{font-size:12px;letter-spacing:.4px}.eyebrow span{padding:0 6px}.page-heading>p{font-size:16px;margin-bottom:25px}.form-intro{padding:17px 18px;flex-wrap:wrap;gap:5px}.form-section{padding:25px 18px}.field-grid{grid-template-columns:1fr;gap:20px}.submit-area{padding:22px 18px}.submit-row{flex-direction:column;align-items:stretch}.primary-button{width:100%}footer{flex-direction:column;gap:5px;margin-top:26px}.success-card{padding:32px 18px}.protocol strong{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}

[hidden]{display:none!important}button,input,textarea{font:inherit}input,textarea{border:1px solid var(--input);padding:10px 12px;outline:none}input:focus-visible,textarea:focus-visible{border-color:#247867;box-shadow:0 0 0 3px #24786725!important}.primary-button{background:var(--primary);color:white;border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600}.primary-button:hover{background:#0d5447}.primary-button:disabled{opacity:.65;cursor:wait}fieldset{border:0;margin:0;padding:0}legend{font-size:14px;font-weight:600;margin-bottom:8px}.choice:has(input:checked){background:#f0f8f5;border-color:#247867;color:#136859}.choice input{width:17px;height:17px;margin:0;accent-color:#136859;box-shadow:none}.success-icon{font-size:34px}.loading{padding:30px}.brand-sub{font-size:12px;letter-spacing:1px}.header-label{font-size:14px}textarea{display:block}.field-error{margin-bottom:0}

.attachment-area{margin-top:25px;padding-top:25px;border-top:1px dashed #dce3eb}.attachment-area>label{font-size:14px;font-weight:600;display:block}.attachment-area>input{display:block;max-width:100%;width:100%;padding:15px;margin-top:14px;background:#f7fafc;border:1px dashed #b9c9d8;border-radius:7px;font-size:14px}.attachment-area input::file-selector-button{border:1px solid #c1d1ce;border-radius:5px;color:#136859;background:white;padding:9px 12px;margin-right:12px;font-weight:600;cursor:pointer}.image-list{display:grid;gap:10px;margin-top:15px}.image-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #dae3eb;border-radius:7px}.image-card img{width:62px;height:62px;object-fit:cover;border-radius:4px;background:#edf2f4;flex-shrink:0}.image-info{min-width:0;flex:1}.image-info span{display:block;overflow-wrap:anywhere;font-size:14px}.image-info small{font-size:12px;color:#657589}.remove-image{border:0;color:#a83232;background:transparent;font-size:13px;cursor:pointer;min-height:44px;padding:6px}.attachment-area:has([aria-invalid=true])>input{border-color:#b52e33}
.brand-logo{display:block;width:146px;height:auto;object-fit:contain;flex-shrink:0;border-radius:3px}.topbar .brand{gap:16px}@media(max-width:600px){.brand-logo{width:116px}.topbar .brand>span{display:none}.topbar .brand{gap:0}}
