:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183c38;background:#f4f5ef;font-synthesis:none;line-height:1.55}
*{box-sizing:border-box}
body{margin:0}
.site-header{max-width:1080px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-header a{color:inherit;text-decoration:none;font-family:Georgia,serif;font-size:32px;font-weight:bold;line-height:1.1}
.site-header a span{display:block;font:10px system-ui,sans-serif;letter-spacing:2.1px;margin-top:6px}
.demo-label{font-size:12px;border:1px solid #c3d0be;border-radius:30px;padding:6px 12px;background:#eaf0e3}
.intro{grid-column:1;max-width:420px}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#506d61}
h1{font-family:Georgia,serif;font-size:clamp(36px,4.5vw,54px);font-weight:400;line-height:1.12;letter-spacing:-1.5px;margin:20px 0 24px}
p{margin:12px 0}
main{max-width:1080px;margin:32px auto 48px;padding:0 32px;display:grid;grid-template-columns:1fr 1.15fr;gap:20px 64px;align-items:start}
.intro>p:last-child{color:#4b625a;font-size:17px}
.card{grid-column:2;grid-row:1 / span 2;background:#fff;padding:32px;border-radius:20px;box-shadow:0 10px 40px #213f3410;border:1px solid #e0e7db}
h2{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.25;margin:0 0 24px}
.step-label{font-size:14px;font-weight:650;margin:20px 0 10px;display:block}
.step-label span{margin-left:8px}
.upload-box{border:1.5px dashed #87a998;border-radius:12px;background:#f5f9f5;padding:20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer}
.upload-icon{font-size:28px;line-height:1.2}
.upload-box>span:last-of-type{font-size:12px;color:#50685e}
.upload-box input{max-width:100%;font-size:12px;margin-top:8px}
.hint{font-size:12px;color:#596c63;margin:8px 0 16px}
input[type=tel],input[type=password]{font:inherit;padding:12px;border:1px solid #a8b8ac;border-radius:8px;width:100%;background:#fff;color:#183c38}
button,.button{font:600 15px system-ui,sans-serif;display:block;text-align:center;color:#fff;background:#245e48;padding:15px 20px;border:0;border-radius:8px;width:100%;cursor:pointer;text-decoration:none;margin-top:24px}
button span{float:right}
button:hover,.button:hover{background:#194a37}
button:disabled{opacity:.65;cursor:wait}
:focus-visible{outline:3px solid #ba812a;outline-offset:4px}
#status{font-size:14px}
#status:empty{display:none}
#status[data-error=true]{color:#a4312b}
aside{grid-column:1;padding:22px 0;border-top:1px solid #cad5c7;color:#4b625a;font-size:14px;max-width:400px}
aside strong{color:#183c38}
.demo-note{font-size:12px}
.success-mark{display:inline-block;color:#245e48;background:#e7f2e5;border-radius:50%;padding:6px 18px;font-size:36px;margin-bottom:20px}
#reference{font-weight:700}
footer{max-width:1080px;margin:auto;padding:24px 32px;border-top:1px solid #d9e0d6;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#52665c}
[hidden]{display:none!important}
@media(max-width:760px){
.site-header{padding:20px}
.site-header a{font-size:27px}
.demo-label{font-size:10px;padding:6px 8px}
main{display:block;margin:16px auto 24px;padding:0 20px}
.intro{max-width:none}
.intro h1{font-size:39px}
.card{margin-top:28px;padding:24px 18px}
aside{margin:28px 0 0;max-width:none}
footer{padding:20px;display:block}
footer span{display:block;margin-top:8px}
}