:root{color-scheme:dark;--bg:#101619;--card:#1b2327;--gold:#eac17c;--muted:#a6b1b4;--line:#344047}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 25%,#32413650,transparent 60%),var(--bg);color:#f3f1eb;font:16px/1.65 Tahoma,Arial,sans-serif}header{max-width:1200px;margin:auto;padding:30px 35px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{color:var(--gold);text-decoration:none;font-size:27px;font-weight:bold}.brand span{font-size:17px;margin-left:10px;color:#f4f2ec}.badge{font-size:12px;letter-spacing:1px;padding:5px 12px;border:1px solid var(--gold);color:var(--gold);border-radius:30px}main{max-width:1200px;margin:65px auto;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding:0 35px}.intro{padding-top:30px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:bold}h1{font-size:clamp(35px,4vw,53px);line-height:1.4;margin:25px 0}h1 em{font-style:normal;color:var(--gold)}.intro p{color:var(--muted);line-height:1.9}.steps{display:flex;flex-wrap:wrap;gap:20px;margin-top:50px;color:var(--gold);font-size:13px}.card{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--card);margin-bottom:20px;box-shadow:0 20px 70px #0002}h2{font-size:22px;line-height:1.5;margin:14px 0}.card p{color:var(--muted)}label{display:block;margin:12px 0 6px}input[type=password],input[type=text]{width:100%;background:#101619;border:1px solid #536269;border-radius:10px;padding:13px;font:inherit;color:white}button{cursor:pointer;width:100%;border:0;border-radius:10px;background:var(--gold);color:#172024;padding:14px 18px;font:bold 15px Tahoma,Arial;margin-top:18px}button:hover{filter:brightness(1.08)}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a8d9f5;outline-offset:4px}.packages{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.packages button{background:#131c20;border:1px solid #46545a;color:white;margin:0;padding:20px 8px;font-size:18px}.packages button.selected{border-color:var(--gold);color:var(--gold);background:#302d23}.hint{font-size:12px;overflow-wrap:anywhere}.qrbox{background:white;border-radius:12px;padding:20px;color:#26353b;text-align:center;margin:20px 0}.qrbox img{display:block;max-width:100%;max-height:320px;margin:auto}.demo-symbol{display:block;font-size:70px;color:#9d865b}.qrbox p{color:#606c70}.qrbox strong{display:block}a{color:var(--gold)}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.upload{border:1px dashed #78888d;border-radius:10px;padding:18px;cursor:pointer}.upload span{display:block;font-size:12px;color:var(--muted)}input[type=file]{display:block;width:100%;margin-top:15px;font:inherit;font-size:12px}#preview{display:block;max-width:100%;max-height:250px;margin:20px auto;border-radius:8px}.secondary{background:transparent;border:1px solid var(--line);color:var(--muted)}.history{font-size:13px;margin-top:15px;color:var(--muted)}.history-row{padding:12px 0;border-bottom:1px solid var(--line)}.history-row strong{color:#f3f1eb}.history-row small{display:block;overflow-wrap:anywhere}#message{padding:20px;border:1px solid #da927c;background:#362923;border-radius:12px;white-space:pre-line;overflow-wrap:anywhere}#message.success{border-color:#7ac5a2;background:#1d352c}footer{text-align:center;color:#718188;font-size:11px;padding:25px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px}.brand{font-size:22px}.brand span{font-size:14px}main{margin:25px auto;display:block;padding:0 18px}.intro{padding:0 5px 30px}h1{font-size:35px;margin:15px 0}.intro p{font-size:14px}.steps{margin-top:20px;gap:15px}.card{padding:24px 20px}h2{font-size:20px}}
