:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#101827;color:#f5f0e6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;line-height:1.6}
a{color:#f5ba48}
a:hover{color:#ffd579}
.sign-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px max(24px,calc((100vw - 1040px)/2));border-bottom:1px solid #29334a;background:#0d1421}
.sign-header img{width:188px;max-width:47vw;height:auto;display:block}
.sign-header span,.eyebrow{color:#f5ba48;font-size:.77rem;font-weight:800;letter-spacing:.13em}
.sign-wrap{width:min(900px,calc(100% - 40px));margin:0 auto;padding:62px 0 90px}
h1{font-size:clamp(2.5rem,7vw,4.8rem);line-height:1.04;letter-spacing:-.055em;margin:12px 0 24px}
h2{font-size:1.55rem;line-height:1.2;margin:38px 0 14px}
h3{font-size:1.13rem;margin:0 0 8px}
p{margin:0 0 18px;color:#c8d0dc}
.lead{font-size:1.16rem;max-width:680px}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#354158;border:1px solid #354158;margin:36px 0}
.summary div{padding:22px;background:#182236}
.summary span{display:block;font-size:.78rem;color:#f5ba48;letter-spacing:.1em;font-weight:800;margin-bottom:10px}
.summary strong{font-size:1.13rem}
.contract{border:1px solid #354158;background:#141e30}
.contract summary{padding:22px;cursor:pointer;font-size:1.2rem;font-weight:750}
.contract summary:focus-visible,button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #f5ba48;outline-offset:3px}
.agreement{padding:8px 25px 15px}
.agreement section{padding:17px 0;border-top:1px solid #344059}
.agreement p{margin-bottom:0;line-height:1.75}
.legal-note{border-left:4px solid #f5ba48;padding:8px 24px;margin:32px 0;background:#192337}
.legal-note h2{margin-top:10px}
.signature-form{border:1px solid #354158;padding:30px;margin-top:42px;background:#172136}
.signature-form h2:first-child{margin-top:0}
.signature-form label{display:block;margin:18px 0;font-weight:650}
.signature-form input:not([type=checkbox]){display:block;width:100%;background:#0d1626;color:#fff;border:1px solid #67738b;padding:13px 14px;font:inherit;border-radius:3px;margin-top:7px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.signature-form .check{display:flex;align-items:flex-start;gap:12px;font-weight:500;line-height:1.45}
.check input{width:22px;height:22px;flex:none;accent-color:#edaf35;margin:2px 0 0}
button{background:#f0b33f;color:#101827;border:0;padding:14px 23px;font:inherit;font-weight:800;cursor:pointer;border-radius:3px}
button:hover{background:#ffd16a}
button:disabled{opacity:.6;cursor:wait}
#form-message,#invite-message{margin:16px 0 0}
.success{display:inline-block;background:#173c2f;color:#b0f4d0;padding:10px 14px;margin-bottom:20px}
.proof{border-top:1px solid #526077;margin-top:35px}
.proof code{overflow-wrap:anywhere}
.records{margin-top:44px}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:560px}
th,td{text-align:left;padding:12px;border-bottom:1px solid #354158}
th{color:#f5ba48}
#invite-result{margin-top:22px}
#invite-result[hidden]{display:none}
.sign-footer{border-top:1px solid #29334a;padding:25px 24px;text-align:center;color:#aab4c5;font-size:.86rem}
@media(max-width:640px){.sign-header span{font-size:.62rem;text-align:right}.sign-wrap{padding-top:42px}.summary,.form-grid{grid-template-columns:1fr}.summary div{padding:16px}.signature-form{padding:20px}.agreement{padding-inline:18px}}
@media print{body{color:#000;background:#fff}.sign-header,.sign-footer,.print{display:none}.sign-wrap{width:100%;padding:0}.agreement{padding:0}.agreement section{break-inside:avoid}.agreement p,p{color:#111}.success{color:#000;background:none;padding:0}}