.sub-page{background:linear-gradient(#e9f2fe 0%,#eef6ff 22%,#f5faff 44%,#fbfdff 62%,#fff 100%);min-height:100vh}.sub-page .sub-desktop{display:none}.sub-page .sub-mobile{padding-bottom:20px;display:block}.sub-page .hero{background:linear-gradient(#e9f2fe 0%,#edf5ff 34%,#f3f9ff 68%,#f8fcff 100%);padding:4px 10px 0}.sub-page .hero-card{background:#fff;border:.5px solid #e4ebf2;border-radius:14px;margin-top:9px;padding:15px 14px}.sub-page .hero-card-main{flex-direction:column;display:flex}.sub-page .hero-title{color:#1f2f3d;font-size:25px;font-weight:700;line-height:1.18}.sub-page .hero-desc{color:#667d91;margin-top:9px;font-size:13px;line-height:1.72}.sub-page .hero-pills{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.sub-page .hero-pill{background:#f6f9fc;border:.5px solid #e6edf3;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;display:flex}.sub-page .hero-pill-dot{background:#1f7fc6;border-radius:999px;flex-shrink:0;width:5px;height:5px}.sub-page .hero-pill-text{color:#556c80;font-size:11px;font-weight:500;line-height:1.2}.sub-page .content-wrap{background:linear-gradient(#f8fcff 0%,#f7fbfffa 26px,#fff0 110px);padding:9px 8px 14px}.sub-page .section-card{background:#fff;border:.5px solid #e4ebf2;border-radius:14px;margin-top:9px;padding:15px 14px}.sub-page .content>.section-card:first-child{margin-top:0}.sub-page .section-header{align-items:flex-start;gap:10px;display:flex}.sub-page .section-index{background:#edf5ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sub-page .section-index-text{color:#1f7fc6;font-size:12px;font-weight:700}.sub-page .section-heading{flex:1;min-width:0}.sub-page .section-title{color:#1f2f3d;font-size:18px;font-weight:700;line-height:1.28;display:block}.sub-page .section-subtitle{color:#6d8498;margin-top:5px;font-size:12px;line-height:1.68;display:block}.sub-page .qr-layout,.sub-page .notify-layout{flex-direction:column;gap:12px;margin-top:14px;display:flex}.sub-page .qr-card,.sub-page .notify-preview{text-align:center}.sub-page .qr-image{object-fit:contain;width:100%;height:230px}.sub-page .qr-warning-pill{background:#fff3eaeb;border-radius:999px;justify-content:center;align-items:center;margin-top:9px;padding:5px 10px;display:inline-flex}.sub-page .qr-warning-pill-text{color:#b1532e;font-size:11px;font-weight:600}.sub-page .info-banner,.sub-page .tip-banner{border:.5px solid #e6edf3;border-radius:9px;margin-top:10px;padding:9px 10px}.sub-page .info-banner{background:#fff8f0}.sub-page .tip-banner{background:#f5f9fd}.sub-page .info-banner-title{color:#aa6a12;font-size:11px;font-weight:700;display:block}.sub-page .info-banner-text,.sub-page .tip-banner-text,.sub-page .notify-lead{color:#5e7388;font-size:12px;line-height:1.68;display:block}.sub-page .info-banner-text,.sub-page .tip-banner-text{margin-top:4px}.sub-page .auth-grid{grid-template-columns:1fr;gap:9px;margin-top:12px;display:grid}.sub-page .auth-card{padding:4px 0 6px}.sub-page .auth-image-wrap{text-align:center;padding:11px 0 0}.sub-page .auth-image{background:#edf4fb;border-radius:9px;width:66%;margin:0 auto;display:block}.sub-page .auth-card-body{align-items:center;gap:9px;display:flex}.sub-page .auth-step-badge-text{color:#1f7fc6;letter-spacing:.5px;flex-shrink:0;font-size:14px;font-weight:800;line-height:1.2}.sub-page .auth-content{color:#1f2f3d;flex:1;font-size:16px;font-weight:700;line-height:1.45}.sub-page .notice-panel{background:#fff8f0;border:.5px solid #efe0c8;border-radius:12px;margin-top:14px;padding:10px 11px 9px 12px}.sub-page .notice-title{color:#8b5a1a;font-size:12px;font-weight:700;display:block}.sub-page .notice-item{align-items:flex-start;gap:6px;display:flex}.sub-page .notice-item+.notice-item,.sub-page .notice-item:first-of-type{margin-top:7px}.sub-page .notice-dot{background:#d48828;border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:5px}.sub-page .notice-text{color:#667d91;flex:1;font-size:12px;line-height:1.68}.sub-page .notify-copy{padding:4px 0 0}.sub-page .notify-image{border-radius:9px;width:82%;margin:0 auto;display:block}.sub-page .feature-grid{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.sub-page .feature-card{background:#f7fafc;border:.5px solid #e7edf3;border-radius:11px;padding:11px 10px 10px 12px;position:relative;overflow:hidden}.sub-page .feature-accent{border-radius:999px;width:4px;position:absolute;top:8px;bottom:8px;left:0}.sub-page .feature-title{color:#253847;font-size:14px;font-weight:700;display:block}.sub-page .feature-desc{color:#6d8398;margin-top:5px;font-size:11.5px;line-height:1.64;display:block}@media screen and (min-width:700px) and (max-width:1023px){.sub-page .auth-grid,.sub-page .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-page .qr-layout,.sub-page .notify-layout{flex-direction:row;align-items:stretch}.sub-page .qr-card,.sub-page .notify-preview{width:44%}.sub-page .notify-copy{flex:1}}@media screen and (min-width:1024px){.sub-page{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.sub-page .sub-mobile{display:none}.sub-page .sub-desktop{display:block}.sub-page .desktop-shell{width:min(1040px,100%);margin:0 auto}.sub-page .desktop-main{min-width:0;padding:24px 0 40px}.sub-page .desktop-hero,.sub-page .desktop-section-card{background:#fffffff5;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 25px #0000000d}.sub-page .desktop-hero{background:radial-gradient(circle at 20% 20%,#3b82f61f 0,#3b82f600 24%),radial-gradient(circle at 80% 20%,#06b6d41a 0,#06b6d400 24%),linear-gradient(#edf5ff 0%,#f7fbff 100%);padding:40px}.sub-page .desktop-hero-title{background:linear-gradient(135deg,#3b82f6,#06b6d4,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.2;display:block}.sub-page .desktop-hero-desc{color:#475569;max-width:820px;margin-top:18px;font-size:16px;line-height:1.9;display:block}.sub-page .desktop-hero-pills{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.sub-page .desktop-hero-pill{background:#ffffffd6;border:1px solid #bfdbfee6;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.sub-page .desktop-hero-pill-dot{background:#2563eb;border-radius:999px;width:8px;height:8px}.sub-page .desktop-hero-pill-text{color:#334155;font-size:13px;font-weight:600;line-height:1}.sub-page .desktop-section-card{margin-top:24px;padding:30px}.sub-page .desktop-tip-banner{background:#f5f9fd;border:1px solid #e6edf3;border-radius:16px;margin-top:24px;padding:18px 20px}.sub-page .desktop-tip-banner-text{color:#475569;font-size:14px;line-height:1.8;display:block}.sub-page .desktop-section-head{align-items:flex-start;gap:18px;display:flex}.sub-page .desktop-step-badge{background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 15px #3b82f64d}.sub-page .desktop-step-badge-text{color:#fff;font-size:1.1rem;font-weight:700;line-height:1}.sub-page .desktop-section-copy{min-width:0}.sub-page .desktop-section-title{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.2;display:block}.sub-page .desktop-section-subtitle{color:#64748b;margin-top:10px;font-size:15px;line-height:1.8;display:block}.sub-page .desktop-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.sub-page .desktop-step-grid--first,.sub-page .desktop-step-grid--notify{grid-template-columns:1fr}.sub-page .desktop-qr-card,.sub-page .desktop-info-card,.sub-page .desktop-notify-card,.sub-page .desktop-auth-card,.sub-page .desktop-feature-card{background:#f8fbff;border:1px solid #e2e8f0;border-radius:16px}.sub-page .desktop-qr-card,.sub-page .desktop-notify-card{text-align:center;padding:22px}.sub-page .desktop-qr-image{object-fit:contain;width:100%;height:320px}.sub-page .desktop-qr-pill{background:#fff3eaf5;border-radius:999px;justify-content:center;align-items:center;margin-top:18px;padding:8px 16px;display:inline-flex}.sub-page .desktop-qr-pill-text{color:#b45309;font-size:13px;font-weight:700;line-height:1}.sub-page .desktop-info-card{background:linear-gradient(#fff 0%,#f8fbff 100%);flex-direction:column;justify-content:center;padding:24px;display:flex}.sub-page .desktop-info-card--notify{background:#f8fbff}.sub-page .desktop-info-title{color:#8b5a1a;font-size:18px;font-weight:700;line-height:1.2;display:block}.sub-page .desktop-info-text{color:#475569;font-size:14px;line-height:1.8;display:block}.sub-page .desktop-info-title+.desktop-info-text{margin-top:12px}.sub-page .desktop-alert{background:#fff8eb;border:1px solid #f4d8a5;border-radius:14px;margin-top:24px;padding:18px 18px 16px}.sub-page .desktop-alert-title{color:#92400e;font-size:15px;font-weight:700;line-height:1.2;display:block}.sub-page .desktop-alert-item{align-items:flex-start;gap:10px;margin-top:14px;display:flex}.sub-page .desktop-alert-dot{background:#f59e0b;border-radius:999px;flex-shrink:0;width:8px;height:8px;margin-top:7px}.sub-page .desktop-alert-text{color:#475569;font-size:14px;line-height:1.8;display:block}.sub-page .desktop-auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.sub-page .desktop-auth-card{background:#fff;padding:18px}.sub-page .desktop-auth-head{align-items:flex-start;gap:12px;display:flex}.sub-page .desktop-auth-step{color:#2563eb;flex-shrink:0;font-size:18px;font-weight:800;line-height:1}.sub-page .desktop-auth-content{color:#1e293b;font-size:15px;font-weight:700;line-height:1.6}.sub-page .desktop-auth-image{background:#edf4fb;border-radius:14px;width:72%;max-width:220px;margin:16px auto 0;display:block}.sub-page .desktop-notify-card{background:#fff}.sub-page .desktop-notify-image{border-radius:16px;width:68%;max-width:260px;margin:0 auto;display:block}.sub-page .desktop-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.sub-page .desktop-feature-card{background:#f8fafc;padding:20px 18px 18px 22px;position:relative;overflow:hidden}.sub-page .desktop-feature-accent{border-radius:999px;width:6px;position:absolute;top:16px;bottom:16px;left:0}.sub-page .desktop-feature-title{color:#1e293b;font-size:18px;font-weight:700;line-height:1.2;display:block}.sub-page .desktop-feature-desc{color:#64748b;margin-top:10px;font-size:14px;line-height:1.8;display:block}}@media screen and (min-width:1024px) and (max-width:1180px){.sub-page .desktop-auth-grid,.sub-page .desktop-feature-grid,.sub-page .desktop-step-grid{grid-template-columns:1fr}}