.customer-page{background:#f3f6fb;color:#131b2c}.customer-page .topbar{position:sticky;top:0;z-index:20;height:86px;padding:0 max(28px,5vw);background:rgba(255,255,255,.94);border:0;box-shadow:0 1px 0 rgba(13,24,48,.08);backdrop-filter:blur(14px)}.customer-page .secure{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:30px;background:#edf9f3;color:#23734b;font-weight:750}.customer-page .secure span{color:#20a464}.customer-page main{padding:32px 22px 0}.customer-page .intro{position:relative;isolation:isolate;overflow:hidden;max-width:1280px;padding:76px 78px;grid-template-columns:1fr 300px;border-radius:30px;background:linear-gradient(135deg,#101b34 0%,#172a55 55%,#175de0 145%);box-shadow:0 28px 70px rgba(15,31,65,.20)}.customer-page .intro:before,.customer-page .intro:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px)}.customer-page .intro:before{width:420px;height:420px;right:-160px;top:-190px;background:rgba(36,107,255,.34)}.customer-page .intro:after{width:240px;height:240px;left:48%;bottom:-180px;border:45px solid rgba(255,255,255,.06)}.customer-page .intro .eyebrow{color:#72a6ff}.customer-page .intro h1{color:#fff;font-size:clamp(66px,7.4vw,104px);letter-spacing:-.07em}.customer-page .lead{color:#cbd6eb;max-width:680px;font-size:18px}.hero-button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;margin:0 0 30px;padding:16px 22px;border-radius:12px;background:#246bff;color:#fff;text-decoration:none;font-size:14px;font-weight:850;box-shadow:0 12px 30px rgba(36,107,255,.28)}.hero-button:hover{background:#397aff;transform:translateY(-1px)}.customer-page .steps span{padding:8px 11px;border-radius:8px;background:rgba(255,255,255,.07);color:#e9effa}.customer-page .steps b{color:#72a6ff}.customer-page .qr-card{border-radius:22px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.24)}.customer-page .qr-card img{border-radius:12px}.customer-page .qr-card strong{color:#172032}.benefits{max-width:1180px;margin:22px auto 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.benefits>div{position:relative;padding:22px 22px 22px 66px;border:1px solid #e1e7f0;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(25,42,79,.05)}.benefits span{position:absolute;left:20px;top:22px;color:#246bff;font-size:12px;font-weight:900}.benefits strong,.benefits small{display:block}.benefits strong{font-size:15px}.benefits small{margin-top:6px;color:#697386;line-height:1.45}.customer-page .form-wrap{max-width:1180px;padding:0;margin-bottom:80px}.customer-page .form-wrap form{border:1px solid #e2e7ef;border-radius:24px;padding:54px;box-shadow:0 24px 70px rgba(24,39,75,.10)}.customer-page .form-head{padding-bottom:26px;border-bottom:1px solid #edf0f4}.customer-page .form-head h2{font-size:40px}.customer-page .form-head>span{padding:8px 12px;border-radius:30px;background:#eef4ff;color:#2a60c7;font-weight:750}.customer-page .upload-area{border:0;border-radius:18px;background:#f5f8fd;padding:28px}.customer-page .file-slot{border-radius:14px;border-color:#c5d1e2;box-shadow:0 5px 16px rgba(29,47,83,.04)}.customer-page .file-slot:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(36,107,255,.10)}.customer-page .slot-arrow{background:linear-gradient(135deg,#246bff,#1353da);box-shadow:0 8px 18px rgba(36,107,255,.22)}.customer-page .grid label{color:#33405a}.customer-page input,.customer-page textarea{border-radius:10px;border-color:#d7deea;background:#fbfcfe}.customer-page form>button{min-width:230px;border-radius:12px;background:linear-gradient(135deg,#246bff,#1553d0);box-shadow:0 12px 28px rgba(36,107,255,.24);transition:.2s}.customer-page form>button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(36,107,255,.30)}.customer-page footer{background:#fff}.customer-page .notice{border-radius:14px}@media(max-width:900px){.customer-page .intro{padding:58px 44px}.benefits{grid-template-columns:1fr}.customer-page .form-wrap form{padding:38px 28px}}@media(max-width:760px){.customer-page main{padding:14px 10px 0}.customer-page .topbar{height:72px}.customer-page .intro{padding:42px 22px 28px;border-radius:22px;gap:28px}.customer-page .intro h1{font-size:clamp(48px,14vw,67px)}.customer-page .lead{font-size:16px}.hero-button{width:100%;margin-bottom:22px}.customer-page .steps span{background:rgba(255,255,255,.09)}.customer-page .qr-card{border-radius:16px}.benefits{margin:14px 4px 24px}.benefits>div{padding:18px 18px 18px 58px}.customer-page .form-wrap{padding:0;margin-bottom:45px}.customer-page .form-wrap form{padding:26px 15px;border-radius:20px}.customer-page .form-head h2{font-size:32px}.customer-page .form-head>span{display:inline-block}.customer-page .upload-area{padding:20px 12px}.customer-page form>button{width:100%}}