:root{--qr:#5b4cf0;--qr-deep:#3427b6;--qr-ink:#172033;--qr-muted:#68748a;--qr-line:#e2e6ef;--qr-soft:#f6f7fb;--qr-green:#0d9a78}.qr-premium-page{background:#f7f8fc;color:var(--qr-ink)}.qr-premium-page *{box-sizing:border-box}.qr-container{width:min(1180px,calc(100% - 36px));margin:auto}.qr-hero{position:relative;overflow:hidden;padding:42px 0 56px;background:linear-gradient(135deg,#11152a 0%,#272064 56%,#4f40d1 100%);color:#fff}.qr-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.24}.qr-orb.one{width:340px;height:340px;right:-70px;top:-190px;background:#8d82ff}.qr-orb.two{width:220px;height:220px;left:18%;bottom:-180px;background:#38d8bc}.qr-breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:34px;font-size:.76rem;color:#c9c5f5}.qr-breadcrumb a{color:#fff;text-decoration:none}.qr-hero-grid{display:grid;grid-template-columns:1fr 210px;gap:70px;align-items:center}.qr-kicker{display:block;margin-bottom:9px;color:#6f61f2;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.qr-hero .qr-kicker{color:#9df0df}.qr-hero h1{max-width:760px;margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:1.04;letter-spacing:-.05em}.qr-hero p{max-width:690px;margin:18px 0 20px;color:#dddaf8;font-size:1rem;line-height:1.75}.qr-trust{display:flex;flex-wrap:wrap;gap:9px}.qr-trust span{padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:rgba(255,255,255,.08);font-size:.7rem}.hero-code{position:relative;width:184px;height:184px;padding:18px;border:10px solid #fff;border-radius:25px;background:repeating-conic-gradient(#fff 0 25%,#231a69 0 50%) 50%/22px 22px;box-shadow:0 28px 65px rgba(0,0,0,.28);transform:rotate(4deg)}.hero-code i{position:absolute;width:50px;height:50px;border:9px solid #201865;background:#fff}.hero-code i:nth-child(1){left:14px;top:14px}.hero-code i:nth-child(2){right:14px;top:14px}.hero-code i:nth-child(3){left:14px;bottom:14px}.hero-code b{position:absolute;right:25px;bottom:24px;width:35px;height:35px;background:#201865}.qr-main{padding:34px 0 70px}.qr-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:22px;align-items:start}.qr-builder,.qr-preview-card{padding:28px;border:1px solid var(--qr-line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(35,42,71,.06)}.qr-preview-card{position:sticky;top:20px}.qr-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.qr-section-head.compact{align-items:center;margin-bottom:15px}.qr-step{display:block;margin-bottom:4px;color:var(--qr);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.qr-section-head h2{margin:0;font-size:1.25rem;letter-spacing:-.025em}.qr-section-head p{margin:6px 0 0;color:var(--qr-muted);font-size:.8rem}.qr-quiet{padding:8px 13px;border:1px solid var(--qr-line);border-radius:8px;background:#fff;color:#667085;font-weight:700}.qr-tabs{display:flex;gap:6px;overflow:auto;padding:4px 0 14px;margin-bottom:18px;border-bottom:1px solid var(--qr-line);scrollbar-width:thin}.qr-tabs button{flex:0 0 auto;padding:8px 13px;border:1px solid transparent;border-radius:8px;background:var(--qr-soft);color:#657087;font-size:.72rem;font-weight:700}.qr-tabs button.active{border-color:#d9d3ff;background:#eeeaff;color:var(--qr-deep)}.qr-form{display:none;min-height:300px}.qr-form.active{display:grid;align-content:start;gap:15px}.qr-form label,.qr-preview-card>label{display:grid;gap:7px;color:#39445a;font-size:.72rem;font-weight:750}.qr-form input,.qr-form textarea,.qr-preview-card input,.qr-preview-card select{width:100%;border:1px solid #d9dee8;border-radius:9px;background:#fff;color:var(--qr-ink);font:inherit;font-weight:500;outline:none}.qr-form input,.qr-preview-card input,.qr-preview-card select{height:42px;padding:0 12px}.qr-form textarea{padding:11px 12px;resize:vertical}.qr-form input:focus,.qr-form textarea:focus,.qr-preview-card input:focus,.qr-preview-card select:focus{border-color:#8d82f5;box-shadow:0 0 0 3px rgba(91,76,240,.1)}.qr-form small{color:#8791a3;font-size:.65rem}.qr-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wifi-banner{display:flex;gap:11px;align-items:center;padding:11px;border-radius:10px;background:#f3f1ff}.wifi-banner>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--qr);color:#fff;font-size:.65rem;font-weight:900}.wifi-banner div{display:grid}.wifi-banner b{font-size:.72rem}.wifi-banner small{font-size:.62rem}.password-field{position:relative}.password-field input{padding-right:58px}.password-field button{position:absolute;right:5px;top:5px;height:32px;padding:0 9px;border:0;border-radius:6px;background:#f1f2f7;color:#58647a;font-size:.62rem;font-weight:800}.qr-form fieldset{padding:0;border:0}.qr-form legend{margin-bottom:8px;color:#39445a;font-size:.72rem;font-weight:750}.security-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.security-options label{position:relative}.security-options input{position:absolute;opacity:0;pointer-events:none}.security-options span{display:grid;min-height:61px;padding:9px;border:1px solid #dfe3eb;border-radius:9px;cursor:pointer}.security-options input:checked+span{border-color:#7c6ff2;background:#f3f1ff;box-shadow:0 0 0 2px rgba(91,76,240,.08)}.security-options b{font-size:.64rem}.security-options small{font-size:.55rem}.qr-check{display:flex!important;gap:9px!important;align-items:center}.qr-check input{width:17px!important;height:17px!important}.qr-check span{display:grid}.payload-box{padding:10px;border:1px solid #dbe3e9;border-radius:9px;background:#f8fafb}.payload-box>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;color:#68748a;font-size:.6rem}.payload-box button{border:0;background:none;color:var(--qr);font-size:.6rem;font-weight:800}.payload-box code{display:block;overflow-wrap:anywhere;color:#29364d;font-size:.63rem;line-height:1.55}.qr-status{display:none;margin-top:14px;padding:9px 11px;border-radius:8px;font-size:.68rem}.qr-status.show{display:block}.qr-status.error{background:#fff1f1;color:#b23434}.qr-status.success{background:#eaf9f4;color:#08765b}.type-badge{padding:6px 9px;border-radius:20px;background:#eeeaff;color:var(--qr-deep);font-size:.58rem;font-weight:900}.qr-stage{display:grid;place-items:center;min-height:305px;padding:20px;border:1px solid #e3e6ed;border-radius:14px;background-color:#f8f9fc;background-image:linear-gradient(45deg,#eceef4 25%,transparent 25%),linear-gradient(-45deg,#eceef4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eceef4 75%),linear-gradient(-45deg,transparent 75%,#eceef4 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.qr-stage canvas,.qr-stage img{display:block!important;max-width:100%;height:auto!important;padding:12px;border-radius:8px;background:#fff;box-shadow:0 8px 28px rgba(25,32,50,.13)}.qr-placeholder{display:grid;place-items:center;gap:5px;color:#8b94a4;text-align:center}.qr-placeholder b{font-size:.76rem}.qr-placeholder span{font-size:.62rem}.mini-code{width:58px;height:58px;margin-bottom:4px;opacity:.35;background:repeating-conic-gradient(#596277 0 25%,transparent 0 50%) 50%/12px 12px}.scan-advice{display:flex;gap:9px;align-items:center;margin-top:11px;padding:9px;border-radius:9px;background:#edf9f5}.scan-advice>span{width:8px;height:8px;border-radius:50%;background:var(--qr-green);box-shadow:0 0 0 4px rgba(13,154,120,.12)}.scan-advice p{display:grid;margin:0;color:#567069;font-size:.58rem}.scan-advice b{color:#22705e;font-size:.64rem}.qr-divider{height:1px;margin:20px 0;background:var(--qr-line)}.control-row{display:grid!important;grid-template-columns:110px 1fr;align-items:center;gap:10px}.control-row span{display:grid}.control-row small{color:#8a94a7;font-size:.58rem}.control-row input{padding:0}.color-control{display:grid;grid-template-columns:42px 1fr}.color-control input[type=color]{padding:4px;border-radius:9px 0 0 9px}.color-control input:last-child{border-left:0;border-radius:0 9px 9px 0;font-family:monospace;text-transform:uppercase}.file-name{display:flex}.file-name input{border-radius:9px 0 0 9px}.file-name span{display:flex;align-items:center;padding:0 8px;border:1px solid #d9dee8;border-left:0;border-radius:0 9px 9px 0;background:#f5f6f9;color:#7a8496;font-size:.55rem;white-space:nowrap}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.qr-actions button,.copy-image{height:42px;border:0;border-radius:9px;font-size:.68rem;font-weight:850}.qr-actions button:first-child{background:var(--qr);color:#fff}.qr-actions button:last-child{background:#172033;color:#fff}.copy-image{width:100%;margin-top:7px;border:1px solid var(--qr-line);background:#fff;color:#5f6b80}.qr-actions button:disabled,.copy-image:disabled{opacity:.42;cursor:not-allowed}.qr-content{margin-top:62px}.qr-content>h2{margin:0 0 20px;font-size:1.75rem;letter-spacing:-.035em}.qr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qr-cards article{padding:22px;border:1px solid var(--qr-line);border-radius:14px;background:#fff}.qr-cards article>span{color:var(--qr);font-size:.66rem;font-weight:900}.qr-cards h3{margin:13px 0 7px;font-size:.92rem}.qr-cards p{margin:0;color:var(--qr-muted);font-size:.72rem;line-height:1.65}.qr-faq{max-width:820px}.qr-faq details{border-bottom:1px solid var(--qr-line)}.qr-faq summary{display:flex;justify-content:space-between;padding:15px 0;cursor:pointer;font-size:.82rem;font-weight:800;list-style:none}.qr-faq summary span{color:var(--qr);font-size:1rem}.qr-faq p{margin:0;padding:0 30px 16px 0;color:var(--qr-muted);font-size:.74rem;line-height:1.7}.qr-related{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-top:62px;padding:27px;border-radius:16px;background:#171a30;color:#fff}.qr-related h2{margin:0}.qr-related>div:last-child{display:flex;gap:8px}.qr-related a{display:grid;min-width:150px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:9px;color:#fff;text-decoration:none}.qr-related small{color:#adb2c5;font-size:.57rem}@media(max-width:900px){.qr-layout{grid-template-columns:1fr}.qr-preview-card{position:static}.qr-hero-grid{grid-template-columns:1fr}.hero-code{display:none}.qr-related{align-items:flex-start;flex-direction:column}.qr-related>div:last-child{width:100%;flex-wrap:wrap}}@media(max-width:620px){.qr-container{width:min(100% - 20px,1180px)}.qr-hero{padding:25px 0 40px}.qr-breadcrumb{margin-bottom:24px}.qr-builder,.qr-preview-card{padding:17px;border-radius:14px}.security-options,.qr-cards{grid-template-columns:1fr}.qr-form{min-height:0}.qr-two{grid-template-columns:1fr}.qr-related>div:last-child{display:grid;width:100%}.qr-related a{min-width:0}.qr-trust span{font-size:.6rem}}