:root{--bg:#090a0c;--panel:#121419;--line:#2a3039;--text:#f7f8fa;--muted:#aeb5c0;--red:#df2029;--red2:#a50f16;--blue:#19385b;--ok:#2c9d63}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 50% 0,#1c2026 0,#090a0c 50%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body{min-height:100vh}.appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;padding:12px 18px;background:rgba(8,9,11,.94);border-bottom:1px solid #2b2b2b;backdrop-filter:blur(12px)}
.brand{width:74px;height:48px;object-fit:contain}.title{font-size:20px;font-weight:900;letter-spacing:.4px}.subtitle{font-size:12px;color:#bbb;text-transform:uppercase;letter-spacing:1.5px}
.shell{max-width:760px;margin:22px auto;padding:0 14px 48px}.panel{display:none;background:linear-gradient(180deg,#14171c,#101216);border:1px solid #2b3038;border-radius:20px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.panel.active{display:block}
.step{font-size:12px;color:#ff4a51;font-weight:800;letter-spacing:1.4px}h1{margin:6px 0 6px;font-size:30px}h2{font-size:17px;margin:22px 0 10px}.lead{color:var(--muted);margin-top:0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span2{grid-column:span 2}label{display:block;font-size:13px;font-weight:750;color:#d9dde3;margin:12px 0 6px}
input,textarea{width:100%;margin-top:7px;border:1px solid #3a414d;background:#0c0e12;color:#fff;border-radius:11px;padding:14px;font-size:16px;outline:none}input:focus,textarea:focus{border-color:#e02d34;box-shadow:0 0 0 3px rgba(224,45,52,.13)}
button{border:0;border-radius:12px;padding:14px 18px;font-weight:850;font-size:15px;cursor:pointer}.primary{width:100%;margin-top:18px;background:linear-gradient(180deg,#f02d36,#bf151c);color:white;box-shadow:0 8px 24px rgba(211,25,34,.25)}.primary:disabled{opacity:.42;cursor:not-allowed}.secondary{width:100%;margin-top:10px;background:#232831;color:#fff}.ghost{background:transparent;color:#c8ced8;border:1px solid #3b414c}.smallbtn{background:#292e37;color:white;padding:8px 12px;margin-top:8px}
.actions{display:flex;gap:10px;margin-top:10px}.actions .primary{margin-top:0;flex:1}.summary,.receipt{background:#0c0f13;border:1px solid #2f353e;border-left:4px solid var(--red);border-radius:12px;padding:14px;margin:14px 0;color:#e8ebef;line-height:1.55}.terms{max-height:300px;overflow:auto;background:white;color:#111;border-radius:10px;padding:16px;font-size:13px;line-height:1.42}
.signature-wrap{margin-top:10px;background:#fff;border-radius:12px;padding:10px}#signature{width:100%;height:180px;display:block;touch-action:none;border:2px dashed #888;border-radius:7px}.checkline{display:flex;gap:12px;align-items:flex-start;background:#171b21;border:1px solid #3a414c;border-radius:12px;padding:14px;margin-top:16px}.checkline input{width:24px;height:24px;margin:0;flex:0 0 auto}.checkline span{font-size:14px;line-height:1.4}
.notice{padding:12px;border-radius:10px;background:#332a0d;border:1px solid #765f16;color:#ffe899;margin:12px 0}.divider{display:flex;align-items:center;gap:10px;color:#949ba5;font-size:12px;margin:14px 0}.divider:before,.divider:after{content:"";height:1px;background:#303640;flex:1}
#card-container{min-height:90px}.status{margin-top:12px;min-height:24px;color:#ffb8bb}.success{text-align:center}.success .check{width:74px;height:74px;margin:0 auto 10px;border-radius:50%;background:var(--ok);display:grid;place-items:center;font-size:42px;font-weight:900}footer{text-align:center;color:#626a74;font-size:10px;letter-spacing:1px;padding:18px}
@media(max-width:620px){.grid{grid-template-columns:1fr}.span2{grid-column:auto}.panel{padding:17px;border-radius:16px}h1{font-size:25px}.appbar{padding:9px 12px}.brand{width:62px;height:42px}.actions{flex-direction:column-reverse}.ghost{width:100%}}
@media print{body{background:#fff;color:#000}.appbar,footer,.panel:not(.success),.success button{display:none!important}.panel.success{display:block!important;box-shadow:none;border:0;background:#fff;color:#000}.receipt{color:#000;background:#fff}}