:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eff7ff;background:#07121f;font-synthesis:none;--ink: #eff7ff;--muted: #9ab0c4;--panel: #102238;--panel-2: #152c46;--cyan: #29d7c8;--blue: #4aa8ff;--red: #ff6c78;--yellow: #ffd166;--line: rgba(255, 255, 255, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 0%,rgba(41,215,200,.13),transparent 34rem),linear-gradient(155deg,#06101c,#0a1b2c 60%,#07121f)}button,input,select{font:inherit}button{min-height:56px;border:0;border-radius:14px;padding:13px 20px;font-weight:800;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}.shell{width:min(1100px,100%);min-height:100vh;margin:auto;padding:24px;display:grid;align-content:start;gap:20px}.brand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 2px}.brand h1{margin:0;font-size:clamp(25px,4vw,42px);letter-spacing:-.04em}.brand small{color:var(--cyan);font-weight:800;letter-spacing:.12em}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.step{padding:10px;border-radius:10px;text-align:center;color:var(--muted);background:#ffffff0a;font-size:13px;font-weight:800}.step.on{color:#06101c;background:var(--cyan)}.card{border:1px solid var(--line);border-radius:22px;background:#102238eb;padding:clamp(18px,4vw,36px);box-shadow:0 20px 60px #0003}.card h2{margin:0 0 8px;font-size:clamp(24px,4vw,38px)}.lead{margin:0 0 24px;color:var(--muted);font-size:17px;line-height:1.5}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.choice{min-height:155px;border:2px solid transparent;color:var(--ink);background:var(--panel-2);text-align:left}.choice:hover,.choice.selected{border-color:var(--cyan);transform:translateY(-1px)}.choice strong{display:block;font-size:22px;margin-bottom:8px}.choice span{color:var(--muted);font-weight:500;line-height:1.45}.primary{color:#06101c;background:var(--cyan)}.secondary{color:var(--ink);background:var(--panel-2);border:1px solid var(--line)}.danger{color:#fff;background:#a93646}.actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:22px}.qr-grid{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:28px;align-items:center}.qr-wrap{background:#fff;padding:18px;border-radius:18px;width:fit-content}.code{font-size:clamp(30px,7vw,62px);letter-spacing:.14em;font-weight:900;color:var(--yellow);margin:12px 0}.status{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:#29d7c821;color:var(--cyan);font-weight:800}.dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.file-list{display:grid;gap:10px;max-height:430px;overflow:auto}.file-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:var(--panel-2);padding:14px 16px;border-radius:14px}.file-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row small{display:block;margin-top:5px;color:var(--muted)}.summary{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:20px}.preview{min-height:470px;overflow:hidden;border-radius:16px;background:#d8e2ea}.preview iframe,.preview img{display:block;width:100%;height:470px;object-fit:contain;border:0}.facts{display:grid;gap:12px;align-content:start}.fact{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.fact span{color:var(--muted)}.price{font-size:34px;font-weight:900;color:var(--cyan)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode{color:var(--ink);background:#0b1a2a;border:2px solid var(--line)}.mode.selected{border-color:var(--cyan);color:var(--cyan)}.paper-grid{grid-template-columns:repeat(3,1fr);margin-top:8px}.option-block>span,.option-row label,.page-selection>span,.page-selection label{color:var(--muted);font-size:14px;font-weight:700}.page-selection{display:grid;gap:8px}.page-selection label{display:grid;gap:7px}.page-selection input{min-width:0;min-height:48px;padding:10px 12px;color:var(--ink);background:#0b1a2a;border:1px solid var(--line);border-radius:10px}.option-row{display:grid;grid-template-columns:1fr 100px;gap:10px}.copies-row{grid-template-columns:minmax(100px,160px)}.option-row label{display:grid;gap:7px}.option-row input{min-width:0;min-height:48px;padding:10px 12px;color:var(--ink);background:#0b1a2a;border:1px solid var(--line);border-radius:10px}.order-no{font-size:clamp(34px,8vw,72px);font-weight:950;letter-spacing:.06em;color:var(--yellow);margin:12px 0}.center{text-align:center}.error{border-left:4px solid var(--red);color:#ffdce0;background:#ff6c781a;padding:14px 16px;border-radius:10px;margin-top:16px}.success{color:var(--cyan)}.phone{width:min(560px,100%);margin:8vh auto}.phone input[type=file]{width:100%;min-height:64px;padding:16px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:14px}.spinner{width:52px;height:52px;border:6px solid rgba(255,255,255,.14);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.shell{padding:14px}.steps{grid-template-columns:repeat(2,1fr)}.choices,.qr-grid,.summary{grid-template-columns:1fr}.preview,.preview iframe,.preview img{min-height:350px;height:350px}}