:root{--ink:#10182c;--blue:#265dff;--blue2:#1640c7;--coral:#ff6a45;--paper:#eef1f7;--muted:#68738a;--line:#dce2ed}
.customer-page{background:radial-gradient(circle at 85% 28%,rgba(38,93,255,.09),transparent 26%),#eef1f7;color:#11192d}
.customer-page .topbar{position:sticky;isolation:isolate;height:92px;background:rgba(255,255,255,.93);box-shadow:0 12px 35px rgba(15,26,53,.08);border-bottom:1px solid rgba(24,39,75,.08);backdrop-filter:blur(18px)}
.customer-page .topbar:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#ff6843 0 18%,#246bff 18% 64%,#14a9d5 64% 82%,#ffc637 82% 100%)}
.customer-page .brand{display:flex;align-items:center;padding:0;background:transparent;border-radius:0}
.customer-page .brand img{width:164px;height:auto;filter:drop-shadow(0 3px 8px rgba(19,27,44,.09))}
.top-actions{display:flex;align-items:center;gap:12px}
.customer-page .secure{background:#edf9f3;border:1px solid #d2efdf;color:#23734b}
.admin-trigger{min-width:0;padding:11px 17px;border:1px solid #dce3ef;border-radius:30px;background:#111a30;box-shadow:0 8px 20px rgba(17,26,48,.13);color:#fff;font-size:12px;font-weight:800;transition:.2s}
.admin-trigger:hover{transform:translateY(-1px);background:#246bff;border-color:#246bff;box-shadow:0 11px 25px rgba(36,107,255,.20)}
.admin-dialog{width:min(430px,calc(100% - 28px));padding:34px;border:0;border-radius:22px;background:#fff;color:#172032;box-shadow:0 35px 90px rgba(5,12,30,.45)}
.admin-dialog::backdrop{background:rgba(4,10,24,.72);backdrop-filter:blur(7px)}
.admin-dialog[open]{animation:dialog-in .18s ease-out}
.admin-dialog .dialog-close{position:absolute;top:14px;right:14px;min-width:38px;width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:50%;background:#f0f3f8;color:#526078;box-shadow:none;font-size:23px;font-weight:400}
.admin-dialog .dialog-close:hover{transform:none;background:#e6ebf2;box-shadow:none}
.admin-dialog h2{margin:0;font-size:30px;letter-spacing:-.035em}
.admin-dialog>p:not(.eyebrow){margin:12px 0 24px;color:#697386;font-size:14px;line-height:1.55}
.admin-dialog form{display:grid;gap:10px}
.admin-dialog form label{font-size:12px;font-weight:800;color:#3b4961}
.admin-dialog form input{font-size:16px}
.admin-dialog form button{margin-top:5px;width:100%;justify-content:space-between;border-radius:11px}
.admin-direct{display:block;margin-top:16px;color:#68758b;text-align:center;font-size:11px;text-decoration:none}
.admin-direct:hover{color:#265dff}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.customer-page main{padding:22px 22px 0}
.customer-page .intro{min-height:680px;align-items:center;max-width:1440px;padding:82px 7vw;border-radius:34px;background-image:linear-gradient(90deg,rgba(5,10,25,.32),rgba(5,10,25,.04)),url('hero-print-bg-v16.png');background-size:cover;background-position:center;box-shadow:0 35px 90px rgba(8,17,42,.25)}
.customer-page .intro:before,.customer-page .intro:after{display:none}
.customer-page .intro>div{max-width:780px}
.customer-page .intro .eyebrow{color:#ff8062}
.customer-page .intro h1{font-size:clamp(68px,7.6vw,116px);line-height:.88;letter-spacing:-.075em;text-shadow:0 9px 35px rgba(0,0,0,.25)}
.customer-page .lead{max-width:650px;color:#d7dfef;font-size:19px}
.hero-button{background:var(--coral);box-shadow:0 16px 38px rgba(255,106,69,.26)}
.hero-button:hover{background:#ff7c5d}
.customer-page .steps span{border:1px solid rgba(255,255,255,.11);background:rgba(5,10,25,.34);backdrop-filter:blur(9px)}
.customer-page .steps b{color:#ff8062}
.customer-page .qr-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.96)}
.benefits{max-width:1280px;margin:24px auto 42px;gap:14px}
.benefits>div{border:0;border-radius:18px;padding:25px 24px 25px 70px;box-shadow:0 12px 34px rgba(20,31,61,.07)}
.benefits span{color:var(--coral)}
.customer-page .form-wrap{max-width:1280px}
.customer-page .form-wrap form{border:0;border-radius:30px;padding:58px;background:#fff;box-shadow:0 30px 80px rgba(20,31,61,.11)}
.customer-page .form-head .eyebrow{color:var(--coral)}
.customer-page .form-head h2{font-size:46px}
.customer-page .form-head>span{background:#edf2ff;color:#234fce}
.customer-page .upload-area{padding:28px;border:1px solid #dfe5ef;border-radius:22px;background:#f5f7fb}
.upload-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}
.upload-intro>div{display:grid;gap:5px}
.upload-intro strong{font-size:17px}
.upload-intro span,.upload-intro small{color:#738096;font-size:12px}
.upload-slots{gap:12px}
.customer-page .file-slot{min-height:198px;padding:22px 12px;border:1px solid #dce3ef;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(20,31,61,.05);overflow:hidden}
.customer-page .file-slot:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#265dff,#5c8cff);transform:scaleX(0);transform-origin:left;transition:.25s}
.customer-page .file-slot:hover,.customer-page .file-slot.is-dragging{border-color:#7b9cff;transform:translateY(-5px);box-shadow:0 18px 36px rgba(38,93,255,.12)}
.customer-page .file-slot:hover:after,.customer-page .file-slot.is-dragging:after,.customer-page .file-slot.has-file:after{transform:scaleX(1)}
.customer-page .slot-number{top:15px;left:16px;color:#a0a9b8}
.customer-page .slot-arrow{width:54px;height:54px;background:#edf2ff;color:#265dff;box-shadow:none;font-weight:500}
.customer-page .file-slot.has-file{border-color:#8bd5b2;background:#f1fbf6}
.customer-page .file-slot.has-file:after{background:#26a66a}
.customer-page .file-slot.has-file .slot-arrow{background:#26a66a;color:#fff}
.customer-page .file-slot.has-file .slot-name{max-width:100%;color:#28734f}
.file-summary{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding:16px 2px 0;border-top:1px solid #dfe5ee;color:#68758b;font-size:13px}
.file-summary output{margin:0!important;padding:0!important;background:transparent!important;color:#2553d7!important}
.file-error{margin:14px 0 0;padding:11px 13px;border-radius:9px;background:#fff0ed;color:#a73325;font-size:12px;font-weight:750}
.customer-page input,.customer-page textarea{background:#f8f9fc;border-color:#dce2eb}
.customer-page input:focus,.customer-page textarea:focus{background:#fff;border-color:#416eff;box-shadow:0 0 0 4px rgba(38,93,255,.09)}
.customer-page form>button{background:linear-gradient(135deg,#ff704d,#f34e2e);box-shadow:0 14px 30px rgba(243,78,46,.23)}
.customer-page form>button:hover{background:linear-gradient(135deg,#ff8062,#f45839)}
.notice ul{margin:4px 0 0;padding-left:20px;font-size:13px}
@media(max-width:1000px){.customer-page .intro{min-height:620px;padding:64px 44px;background-position:58% center}.customer-page .qr-card{display:none}.customer-page .intro{grid-template-columns:1fr}.upload-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.customer-page .topbar{height:74px}.customer-page .brand img{width:120px}.customer-page .secure{display:none}.admin-trigger{padding:9px 12px;font-size:11px}.admin-dialog{padding:30px 20px}.customer-page main{padding:10px 9px 0}.customer-page .intro{min-height:auto;padding:52px 22px 34px;border-radius:24px;background-position:64% center}.customer-page .intro h1{font-size:clamp(52px,15vw,72px)}.customer-page .lead{font-size:16px}.customer-page .form-wrap form{padding:28px 15px;border-radius:22px}.customer-page .form-head h2{font-size:34px}.upload-intro{display:grid}.upload-slots{grid-template-columns:1fr}.customer-page .file-slot{min-height:102px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:14px;text-align:left;justify-items:start;padding:17px 16px 17px 50px}.customer-page .slot-number{top:50%;left:16px;transform:translateY(-50%)}.customer-page .slot-arrow{grid-row:1/3;width:48px;height:48px;margin:0}.file-summary{flex-direction:column;gap:5px}.benefits{margin-bottom:26px}}