html{scrollbar-gutter:stable;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.product-discovery-section{background:#fff;border-bottom:1px solid #eef2f6;padding:2.25rem 0 2rem}.discovery-header{text-align:center;margin-bottom:1.5rem}.badge-pill{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;background:#3b66f514;border-radius:9999px;align-items:center;gap:6px;margin-bottom:.4rem;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.discovery-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.25rem;font-size:clamp(1.45rem,2.2vw,1.85rem);font-weight:800}.discovery-subtitle{color:#64748b;margin:0;font-size:.9rem}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}@media (max-width:900px){.discovery-grid{grid-template-columns:minmax(0,1fr)}}.discovery-panel{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;min-width:0;max-width:100%;padding:1.15rem;display:flex}@media (max-width:640px){.discovery-panel{padding:1rem .75rem}}.qr-panel{border-top:3px solid #2563eb}.studio-panel{border-top:3px solid #8b5cf6}.panel-header{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.header-avatar-slot{aspect-ratio:1;box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.profile-status-message-slot{justify-content:center;align-items:center;min-height:28px;display:flex}.header-content,.logo,.nav{align-items:center;display:flex}.btn,.footer a,.logo,.nav a,.qr-card{text-decoration:none}.header,body{background:#fff}.logo,.nav a.active,.nav a:hover,body{color:#202124}.footer h3,.generator-page .input-group{margin-bottom:1rem}.footer h3,.hero h1,.nav a,h1,h2,h3{font-weight:600}.btn,.nav a,.qr-card{cursor:pointer}.footer a,.nav a,.qr-card-icon svg{transition:color .2s}.btn,.feature-card,.footer-bottom,.qr-card,.section-header{text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;font-size:16px;line-height:1.5}h1{font-size:3rem;line-height:1.2}h2{font-size:2rem;line-height:1.3}.logo,h3{font-size:1.25rem}h3{line-height:1.4}.nav a,p{font-size:15px}.btn,.input-label,p{font-weight:500}.header{border-bottom:1px solid #dadce0}.header-content{justify-content:space-between;max-width:1400px;margin:0 auto;padding:1rem 2rem}.logo{gap:.5rem}.btn,.input{font-size:1rem;transition:all .2s}.logo svg{color:#1a73e8;width:32px;height:32px}.nav{gap:2rem}.nav a{color:#5f6368}.header-buttons{gap:.75rem;display:flex}.btn{border:none;border-radius:.5rem;padding:.75rem 1.5rem;display:inline-block}.btn-secondary,.card,.input{border:1px solid #dadce0}.btn-primary{color:#fff;background:#1a73e8;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:#1557b0;box-shadow:0 1px 3px #0000001a}.btn-secondary{color:#1a73e8;background:#fff}.btn-secondary:hover{background:#000}.btn-ghost{color:#5f6368;background:0 0}.btn-ghost:hover{background:#f8f9fa}.card{background:#fff;border-radius:.75rem;padding:1.5rem}.input-label{color:#5f6368;margin-bottom:.5rem;display:block}.footer a,.footer h3{color:#fff}.container,.footer-content{max-width:1400px;margin:0 auto}.input{width:100%;padding:.75rem 1rem;border-radius:.5rem!important}.input:focus{border-color:#1a73e8;outline:0;box-shadow:0 0 0 3px #1a73e81a}.footer,.footer-bottom{border-top:1px solid #dadce0}textarea.input{resize:vertical}.container{padding:0 2rem}.footer{background:#1b0c40}.footer-content{padding:3rem 0 2rem}.footer-grid{grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:2rem;display:grid}.footer ul{margin:0;padding:0;list-style:none}.footer li{margin-bottom:.75rem}.hero p,.section-header p{color:#5f6368;font-size:1.25rem}.footer a:hover{color:#ddd}.footer-bottom{color:#fff;padding-top:2rem}.hero,.qr-types-section{padding:6rem 0}.hero h1{margin-bottom:1.5rem}.hero p{margin-bottom:3rem}.hero .btn-primary{padding:1rem 3rem;font-size:1.125rem;box-shadow:0 4px 6px #e3dada1a}.section-header{margin-bottom:4rem}.section-header h2{margin-bottom:8px;font-weight:600}.qr-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem;display:grid}.qr-card{background:#fff;border:1px solid #dadce0;border-radius:.75rem;padding:1.5rem;transition:all .2s}.qr-card:hover{border-color:#1a73e8;box-shadow:0 10px 10px #0000001a}.qr-card-icon{background:#f8f9fa;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:.75rem;transition:background .2s;display:inline-flex}.qr-card:hover .qr-card-icon{background:#1a73e817}.qr-card-icon svg{color:#383838;width:25px;height:25px}.qr-card:hover .qr-card-icon svg{color:#1a73e8}.qr-card h3{color:#383838;margin-bottom:.25rem}.qr-card p{color:#5f6368;margin-bottom:0;font-size:.875rem}.features-section{background:#f8f9fa;padding:5rem 0}.features-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.feature-card{background:#fff;border:1px solid #dadce0;border-radius:.75rem;padding:2rem;transition:box-shadow .2s}.auth-card,.feature-card:hover,.qr-code-card:hover,.stat-card:hover{box-shadow:0 4px 6px #0000001a}.feature-icon,.feature-icon-contact{background:linear-gradient(90deg,#c961fe 0,#9e86ff 100%);border-radius:50%;display:inline-flex}.pattern-btn,.qr-type-btn{cursor:pointer;transition:all .2s}.auth-footer a,.auth-logo,.form-row a,.social-btn{text-decoration:none}.feature-icon{justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem}.feature-icon-contact{justify-content:center;align-items:center;width:40px;height:40px}.feature-icon i,.feature-icon svg{color:#fff;width:28px;height:28px}.feature-card:hover .feature-icon{box-shadow:inset 0 4px 4px #00000040}.feature-card h3,.generator-header h1{margin-bottom:.5rem}.feature-card p{color:#5f6368;margin-bottom:0}.cta-section{text-align:center;background:#e8f0fe;padding:5rem 0}.cta-section svg{color:#1a73e8;width:64px;height:64px;margin:0 auto 1.5rem}.cta-section h2{margin-bottom:1rem}.cta-section p,.generator-header{margin-bottom:2rem}.cta-section p{color:#5f6368;max-width:42rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.dashboard-page,.generator-page{background:#f8f9fa;min-height:100vh;padding:2rem 0}.generator-header p{color:#5f6368;font-size:1.125rem}.pattern-btn,.qr-type-btn,.upload-zone p{color:#5f6368;font-size:.875rem}.generator-layout{grid-template-columns:280px 1fr 380px;gap:1.5rem;display:grid}.folder-list,.qr-types-list{flex-direction:column;gap:.25rem;display:flex}.qr-type-btn{text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;display:flex}.folder-btn:hover,.qr-type-btn:hover,.social-btn:hover{background:#f8f9fa}.folder-btn.active,.qr-type-btn.active{color:#1a73e8;background:#e8f0fe}.qr-type-btn svg,.social-btn svg,.view-btn svg{width:20px;height:20px}.customization-section{margin-top:1.5rem}.color-input-group{align-items:end;gap:.5rem;display:flex}.color-picker{cursor:pointer;border:none;width:48px;height:48px}.pattern-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.pattern-btn{background:#fff;border:1px solid #dadce0;border-radius:.5rem;padding:.5rem 1rem}.pattern-btn:hover,.upload-zone:hover,.view-btn:hover{border-color:#1a73e8}.pattern-btn.active,.view-btn.active{color:#1a73e8;background:#e8f0fe;border-color:#1a73e8}.eye-style-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.upload-zone{text-align:center;cursor:pointer;border:2px dashed #dadce0;border-radius:.5rem;padding:1.5rem;transition:border-color .2s}.upload-zone svg{color:#5f6368;width:32px;height:32px;margin:0 auto .5rem}.upload-zone p:last-child{margin-top:.25rem;font-size:.75rem}.qr-preview{position:fixed;top:2rem}.preview-qr{aspect-ratio:1;border:1px solid #dadce0;border-radius:.5rem;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;display:flex;position:relative}.qr-dot,.slider{border-radius:2px}.qr-pattern{width:75%;height:75%;position:relative}.qr-grid-pattern{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:1px;padding:8px;display:grid;position:absolute;inset:0}.qr-dot.rounded{border-radius:50%}.slider{-webkit-appearance:none;background:#dadce0;outline:0;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1a73e8;border-radius:50%;width:16px;height:16px}.slider::-moz-range-thumb{cursor:pointer;background:#1a73e8;border:none;border-radius:50%;width:16px;height:16px}.download-buttons{flex-direction:column;gap:.5rem;display:flex}.download-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.auth-page{background:#f8f9fa;justify-content:center;align-items:center;min-height:100vh;padding:3rem 1rem;display:flex}.auth-container{width:100%;max-width:28rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{color:#202124;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:inline-flex}.auth-logo svg{color:#1a73e8;width:40px;height:40px}.auth-footer,.auth-header p,.divider-text,.social-btn,.stat-header span{color:#5f6368}.auth-logo span{font-size:1.5rem}.auth-header h1{margin-bottom:.5rem;font-size:2rem}.divider-text,.form-row a,.form-row label{font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.checkbox-group,.form-row,.form-row label{align-items:center;display:flex}.checkbox-group{gap:.5rem}.checkbox{border:1px solid #dadce0;border-radius:4px;width:16px;height:16px}.form-row{justify-content:space-between}.form-row label{color:#5f6368;cursor:pointer;gap:.5rem}.auth-footer a,.form-row a{color:#1a73e8}.auth-footer a:hover,.form-row a:hover{text-decoration:underline}.divider{border-top:1px solid #dadce0;margin:1.5rem 0;padding-top:1.5rem}.divider-line{margin-bottom:1.5rem;position:relative}.divider-line:before{content:"";background:#dadce0;height:1px;position:absolute;top:50%;left:0;right:0}.divider-text{background:#fff;padding:0 1rem;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.social-buttons{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.dashboard-header,.social-btn{align-items:center;display:flex}.social-btn{cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:.5rem;justify-content:center;gap:.5rem;padding:.75rem 1rem;transition:background .2s}.dashboard-header{justify-content:space-between;margin-bottom:2rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.qr-code-card,.stat-card{transition:box-shadow .2s}.folder-btn,.view-btn{cursor:pointer;border-radius:.5rem;transition:all .2s}.stat-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.stat-header svg{color:#1a73e8;width:30px;height:30px}.stat-value{color:#202124;font-size:1.875rem}.dashboard-layout{grid-template-columns:240px 1fr;gap:1.5rem;display:grid}.folder-btn{color:#5f6368;text-align:left;background:0 0;border:none;width:100%;padding:.5rem 1rem;font-size:.875rem}.search-bar{flex:1;position:relative}.search-bar svg{transform:trans lateY(-50%);color:#5f6368;width:20px;height:20px;position:absolute;top:50%;left:1rem}.search-bar input{padding-left:3rem}.view-controls{gap:.5rem;display:flex}.view-btn{color:#5f6368;background:#fff;border:1px solid #dadce0;padding:.75rem}.qr-codes-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.qr-info,.qr-thumbnail{margin-bottom:1rem;display:flex}.qr-thumbnail{aspect-ratio:1;background:#f8f9fa;border-radius:.5rem;justify-content:center;align-items:center}.qr-placeholder{opacity:.1;background:#202124;border-radius:.5rem;width:128px;height:128px}.qr-info{justify-content:space-between;align-items:center}.action-btn,.qr-info span:first-child{color:#5f6368;font-size:.875rem}.form-label,.user-name{color:#111827;font-size:14px;font-weight:600}.qr-info span:last-child{color:#1a73e8;font-size:.875rem}.qr-actions{opacity:0;gap:.5rem;transition:opacity .2s;display:flex}.qr-code-card:hover .qr-actions{opacity:1}.action-btn{cursor:pointer;background:#f8f9fa;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex}.action-btn:hover{color:#1a73e8;background:#e8f0fe}.action-btn.delete:hover{color:#dc2626;background:#fee}.action-btn.edit:hover{color:#0e8a42;background:#ddf8eb}.action-btn svg{width:16px;height:16px}@media (max-width:1200px){.qr-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.qr-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.generator-layout{grid-template-columns:1fr}.qr-preview{position:static}}@media (max-width:768px){h1{font-size:2rem}.qr-actions{opacity:1}h2{font-size:1.5rem}.footer-grid,.qr-codes-grid,.qr-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-layout{grid-template-columns:1fr}}@media (max-width:480px){.qr-grid{grid-template-columns:repeat(2,1fr)}.footer-grid,.stats-grid{grid-template-columns:1fr}.qr-codes-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.btn-primary{background:#1b0c40}.btn-primary:hover{background:linear-gradient(90deg,#9e86ff 0,#c961fe 50%)}.user-btn{background:#fff;border:none;border-radius:10px;padding:6px 10px;transition:all .2s ease-in-out;box-shadow:0 4px 12px #0000000f}.user-btn:hover{background:#f9fafb;box-shadow:0 6px 18px #0000001f}.user-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.dropdown-menu{border:none;border-radius:14px;margin-top:10px!important}.profile-card{background:#fff;border:none;border-radius:18px;box-shadow:0 10px 35px #0000000f}.profile-img{object-fit:cover;border-radius:50%;width:120px;height:120px;box-shadow:0 5px 20px #00000014}.form-control,.form-select{border-radius:10px;padding:12px;font-size:14px}.settings-card{background:#fff;border:none;border-radius:18px;box-shadow:0 12px 40px #0000000f}.blog-card:hover,.blog-nav-card:hover{border-color:#1a73e8;box-shadow:0 12px 24px #1a73e81f}.settings-title{color:#111827;font-weight:700}.section-box{background:#fff;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 8px 24px #0000000d}.danger-box{background:#ef444408;border:1px solid #ef444426}.btn-soft-dark{color:#000;background:#fee2e2;border-radius:50px;font-weight:600}.blog-card,.blog-detail-card{border:1px solid #dadce0;box-shadow:0 1px 2px #0000000a}.btn-soft-danger:hover{background:#fecaca}.qr-preview{align-self:flex-start;position:sticky;top:0}.remove-btn{padding:0 5px}.qr-types-list{display:block}.faq-sections h1{margin-bottom:16px;font-size:22px}.faq-sections button{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;width:100%;padding:16px;font-size:16px;font-weight:600;display:flex}.banner_top img{width:200px}.content-section h1,.content-section h2{margin-bottom:16px;font-size:20px}.blog-list{gap:2rem;display:grid}.blog-section-header{text-align:left;margin-bottom:0}.blog-kicker{color:#1a73e8;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:inline-flex}.blog-badge,.blog-nav-label{text-transform:uppercase;letter-spacing:.08em}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.blog-card{background:#fff;border-radius:.9rem;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.blog-card-link{color:inherit;text-decoration:none;display:block}.blog-card:hover{transform:translateY(-3px)}.blog-card-footer,.blog-card-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-card-top,.blog-detail-content p,.blog-detail-content ul,.blog-detail-hero h1{margin-bottom:1rem}.blog-badge{color:#174ea6;background:linear-gradient(90deg,#e8f0fe 0,#fce8e6 100%);border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.blog-card h3{margin-bottom:.75rem}.blog-card p{color:#5f6368;margin-bottom:1.25rem}.blog-meta{color:#202124;font-size:.8rem;font-weight:600}.blog-meta-muted{color:#5f6368}.blog-detail-section{background:#f8f9fa}.blog-detail-card{background:#fff;border-radius:1rem;padding:2rem}.blog-detail-content h1,.blog-detail-content h2{margin-top:1.5rem}.blog-detail-content h1:first-child,.blog-detail-content h2:first-child{margin-top:0}.blog-bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.blog-nav-card{color:inherit;background:#fff;border:1px solid #dadce0;border-radius:.9rem;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;text-decoration:none;transition:all .2s;display:flex}.blog-nav-card:hover{transform:translateY(-2px)}.blog-nav-prev{align-items:flex-start}.blog-nav-next{text-align:right;align-items:flex-end}.blog-nav-label{color:#1a73e8;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.blog-nav-title{color:#202124;font-size:1rem;font-weight:600}.toggle-icon{display:none}@media (max-width:768px){.qr-types-list{display:none}.qr-types-list.open,.toggle-icon{display:block}.toggle-icon{font-size:22px;font-weight:700}.content-section h1,.content-section h2{margin-bottom:16px;font-size:18px}.blog-bottom-nav,.blog-grid{grid-template-columns:1fr}.blog-card,.blog-detail-card{padding:1.25rem}.blog-nav-next{text-align:left;align-items:flex-start}.dashboard-header,.generator-header{margin-bottom:1rem}label{font-size:14px;margin-bottom:.2rem!important}.cta-section p{font-size:1rem}.qr-card h3{font-size:1.1rem}.hero .btn-primary{padding:.5rem 2rem}.content-section li,.faq-sections button{font-size:15px}.banner_top img{width:100px}.banner_top h1{font-size:25px}.qr-sidebar-header{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.card{padding:1rem}.dashboard-header .btn{padding:.75rem .7rem;font-size:.9rem}.dashboard-header .btn svg{width:15px}.dashboard-header h1,.generator-header h2{margin-bottom:0}.pattern-grid{overflow:auto}.generator-header p{margin-bottom:0;font-size:17px}.qr-sidebar-header h3{font-size:16px}.generator-layout{grid-template-columns:100% 1fr 100%;display:block}.generator-page{min-height:inherit}}@media screen and (max-width:768px){.footer-bottom,.input{font-size:14px}.feature-card,.header-content,.qr-card{padding:1rem}.header-buttons .btn{padding:5px 10px;font-size:15px}.cta-section,.features-section,.hero,.qr-types-section{padding:3rem 0}.faq-sections h1{margin-bottom:10px;font-size:18px}.hero p,.section-header p{font-size:16px}.container{padding:0 1rem}.hero p{margin-bottom:20px}.section-header{margin-bottom:2rem}.footer-grid,.qr-grid{gap:1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card h3{font-size:1rem}.footer-bottom{padding-top:.5rem}.footer-content{padding:3rem 0 .5rem}.generator-page .card{width:100%;padding:.5rem}}.auth-popup .swal2-html-container,.popup-mode{margin:0!important;padding:0!important}.quick-link{color:#1d0b3a;text-decoration:none;transition:all .2s}.quick-link:hover{color:#5621f3;text-decoration:underline}.home-gradient-btn{color:#fff;background:linear-gradient(90deg,#9e86ff 0,#c961fe 50%);border:none;border-radius:10px;padding:10px 22px;transition:all .3s}.home-gradient-btn:hover{opacity:.9;transform:translateY(-2px)}@media (max-width:768px){.qr-preview{position:relative;top:22px}}body{background-color:#f8f9fa}.error-code{color:#ff6363;font-size:120px;font-weight:700}h2{font-weight:600}p{font-size:18px}.content h1{font-size:25px}.content h2{font-size:20px}.content p{font-size:15px}auth-popup{border-radius:16px!important;padding:0!important;overflow:hidden!important}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.auth-iframe{opacity:0;border:none;width:100%;min-height:520px;transition:opacity .25s;display:block}.popup-mode{justify-content:center;align-items:center;display:flex;min-height:auto!important}.popup-mode .auth-container{padding:20px!important}.popup-mode .auth-header{margin-bottom:10px}.auth-card{overflow:visible!important}.auth-footer{text-align:center;margin-top:12px}.swal2-html-container,.swal2-popup{overflow:hidden!important}:root{--qrdm-blue:#3b66f5;--qrdm-royal:#4f46e5;--qrdm-violet:#8d59fe;--qrdm-purple:#a855f7;--qrdm-navy:#1a093f;--qrdm-page:#f7f9fc;--qrdm-surface:#fff;--qrdm-surface-soft:#fbfcff;--qrdm-border:#e5eaf2;--qrdm-border-strong:#dde4ee;--qrdm-heading:#171b2c;--qrdm-body:#566176;--qrdm-muted:#7d8799;--qrdm-blue-soft:#3b66f50d;--qrdm-purple-soft:#8d59fe0d;--qrdm-lavender-soft:#a855f709;--qrdm-gradient-primary:linear-gradient(45deg, #3b66f5 0%, #8d59fe 55%, #a855f7 100%);--qrdm-gradient-hover:linear-gradient(45deg, #3258dc 0%, #7e48f8 55%, #9740f2 100%);--qrdm-gradient-soft:linear-gradient(45deg, #f7faff 0%, #faf8ff 100%);--qrdm-shadow-card:0 6px 20px #1f2d500e;--qrdm-shadow-hover:0 10px 28px #1f2d5016;--qrdm-shadow-btn:0 4px 14px #5b50f647;--qrdm-header-logo-height:48px;--qrdm-header-logo-max-width:193px;--qrdm-drawer-logo-height:43px;--qrdm-drawer-logo-max-width:170px;--qrdm-bg:#f7f9fc;--qrdm-surface-muted:#f1f4f9;--qrdm-text-primary:#171b2c;--qrdm-text-secondary:#566176;--qrdm-primary:#3b66f5;--qrdm-primary-hover:#3258dc;--qrdm-success:#10b981;--qrdm-success-light:#ecfdf5;--qrdm-warning:#f59e0b;--qrdm-warning-light:#fffbeb;--qrdm-danger:#ef4444;--qrdm-danger-light:#fef2f2;--qrdm-info:#0ea5ea;--qrdm-info-light:#f0f9ff;--qrdm-focus-ring:#3b66f559;--qrdm-radius-sm:8px;--qrdm-radius-md:12px;--qrdm-radius-ng:16px;--qrdm-radius-xl:20px}html{scrollbar-gutter:stable;overflow-y:auto}body{scrollbar-gutter:stable}#nav-generator,.qr-types-section,[id^=nav-]{scroll-margin-top:80px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}body,#home-page,.page{color:var(--qrdm-body,#566176);background-color:#f7f9fc!important}.site-header{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--qrdm-border)!important;background-color:#fffffffa!important;box-shadow:0 1px 4px #1f2d5008!important}.site-logo-img,.qrdm-site-logo{transition:height .2s,max-width .2s;height:var(--qrdm-header-logo-height,48px)!important;width:auto!important;max-width:var(--qrdm-header-logo-max-width,193px)!important;object-fit:contain!important;display:block!important}.nav-item-link.active:after{content:""!important;background:linear-gradient(45deg,#3b66f5 0%,#8d59fe 100%)!important;border-radius:9999px!important;height:2px!important;position:absolute!important;bottom:-2px!important;left:0!important;right:0!important}.action-login-link{color:#171b2c!important;background:0 0!important;border:1px solid #0000!important;font-weight:600!important;transition:color .18s,background-color .18s,border-color .18s!important}.action-login-link:hover{color:var(--qrdm-blue)!important;background-color:var(--qrdm-blue-soft)!important;border-color:#3b66f51f!important}.btn-primary,.action-signup-btn,.drawer-signup-btn,.hero-primary-cta,.cta-action-btn,.home-gradient-btn{letter-spacing:.01em;background:var(--qrdm-gradient-primary)!important;color:#fff!important;box-shadow:var(--qrdm-shadow-btn)!important;border:none!important;font-weight:600!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,filter .2s!important}.btn-primary:hover,.action-signup-btn:hover,.drawer-signup-btn:hover,.hero-primary-cta:hover,.cta-action-btn:hover,.home-gradient-btn:hover{background:var(--qrdm-gradient-hover)!important;color:#fff!important;filter:brightness(1.03)!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #8d59fe59!important}.btn-secondary{color:#23283a!important;background:#fff!important;border:1px solid #dde4ee!important;font-weight:600!important;transition:background-color .2s,border-color .2s,color .2s!important}.btn-secondary:hover{color:#171b2c!important;background:#f7f9fc!important;border-color:#c8d2e0!important}.hero-slider-section{position:relative;overflow:hidden}.hero-slider-section:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 12% 18%,#3b66f50d 0%,#0000 48%),radial-gradient(circle at 88% 82%,#8d59fe0d 0%,#0000 52%);position:absolute;inset:0}.qr-types-section{position:relative;overflow:hidden;background:#fff!important;border-bottom:1px solid #e5eaf2!important;padding:clamp(48px,4.5vw,64px) 0!important}.qr-types-section .container{z-index:2;position:relative}.qr-types-section:before{content:"";filter:blur(25px);pointer-events:none;z-index:1;background:radial-gradient(circle,#3b66f50d 0%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:18%;left:-160px}.qr-types-section:after{content:"";filter:blur(25px);pointer-events:none;z-index:1;background:radial-gradient(circle,#8d59fe0d 0%,#0000 70%);border-radius:50%;width:460px;height:460px;position:absolute;bottom:12%;right:-150px}.features-section{position:relative;overflow:hidden;background:linear-gradient(45deg,#f7faff 0%,#faf8ff 100%)!important;border-top:1px solid #e5eaf2!important;border-bottom:1px solid #e5eaf2!important;padding:clamp(48px,4.5vw,64px) 0!important}.features-section .container{z-index:2;position:relative}.features-section:before{content:"";filter:blur(25px);pointer-events:none;z-index:1;background:radial-gradient(circle,#8d59fe09 0%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:20%;left:-170px}.features-section:after{content:"";filter:blur(25px);pointer-events:none;z-index:1;background:radial-gradient(circle,#3b66f509 0%,#0000 70%);border-radius:50%;width:440px;height:440px;position:absolute;bottom:15%;right:-150px}.section-header{text-align:center;z-index:2;position:relative;margin-bottom:clamp(32px,3vw,40px)!important}.section-header h2{letter-spacing:-.015em;font-size:2.15rem;font-weight:700;color:#171b2c!important;margin-bottom:clamp(12px,1.2vw,16px)!important}.section-header p{max-width:620px;font-size:1.05rem;line-height:1.55;color:#566176!important;margin:0 auto!important}.qr-grid{z-index:2;display:grid;position:relative;grid-template-columns:repeat(5,1fr)!important;gap:1.25rem!important}.qr-card{position:relative;background:linear-gradient(45deg, #fff 0%, #fcfdff 55%, var(--card-soft-tint,#f5f8ff) 100%)!important;text-align:center!important;background-color:#fff!important;border:1px solid #e5eaf2!important;border-radius:16px!important;flex-direction:column!important;align-items:center!important;padding:1.6rem 1.15rem!important;text-decoration:none!important;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s!important;display:flex!important;box-shadow:0 6px 20px #1f2d500e!important}.qr-card:hover{border-color:#4f46e529!important;transform:translateY(-2px)!important;box-shadow:0 10px 28px #1f2d5016!important}.qr-card h3{transition:color .18s;color:#171b2c!important;margin-top:.75rem!important;margin-bottom:.3rem!important;font-size:1.02rem!important;font-weight:600!important}.qr-card:hover h3{color:#3867f4!important}.qr-card p{color:#566176!important;margin-bottom:0!important;font-size:.82rem!important;line-height:1.45!important}.qr-card-icon{background:var(--qr-bg,#eef4ff)!important;border:1px solid var(--qr-border,#3b66f529)!important;width:52px!important;height:52px!important;box-shadow:0 4px 12px var(--qr-shadow,#3b66f51a)!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;margin-bottom:.25rem!important;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s!important;display:inline-flex!important;position:relative!important;overflow:hidden!important}.qr-card:hover .qr-card-icon{box-shadow:0 6px 16px var(--qr-shadow,#3b66f524)!important;transform:translateY(-1px)!important}.qr-card-icon-svg{width:24px;height:24px;color:var(--qr-color,#3b66f5);z-index:1;position:relative}.qr-type-url{--qr-bg:#eef4ff;--qr-border:#2f6feb29;--qr-color:#2f6feb;--qr-shadow:#2f6feb1a;--card-soft-tint:#f5f8ff}.qr-type-wifi{--qr-bg:#e6f7f9;--qr-border:#0a949c29;--qr-color:#0a949c;--qr-shadow:#0a949c1a;--card-soft-tint:#f4fbfc}.qr-type-phone{--qr-bg:#edf8f0;--qr-border:#22863a29;--qr-color:#22863a;--qr-shadow:#22863a1a;--card-soft-tint:#f5fbf7}.qr-type-sms{--qr-bg:#fdf0f5;--qr-border:#c7336e29;--qr-color:#c7336e;--qr-shadow:#c7336e1a;--card-soft-tint:#fff7fa}.qr-type-email{--qr-bg:#edf5fe;--qr-border:#1e6fda29;--qr-color:#1e6fda;--qr-shadow:#1e6fda1a;--card-soft-tint:#f5f8ff}.qr-type-business-card{--qr-bg:#fff6e8;--qr-border:#ce6d0d29;--qr-color:#ce6d0d;--qr-shadow:#ce6d0d1a;--card-soft-tint:#fff9f3}.qr-type-location{--qr-bg:#fff1ee;--qr-border:#d9383a29;--qr-color:#d9383a;--qr-shadow:#d9383a1a;--card-soft-tint:#fff7f6}.qr-type-text{--qr-bg:#f5f2fc;--qr-border:#6d42c729;--qr-color:#6d42c7;--qr-shadow:#6d42c71a;--card-soft-tint:#f9f6ff}.qr-type-whatsapp{--qr-bg:#eaf7ee;--qr-border:#1e854029;--qr-color:#1e8540;--qr-shadow:#1e85401a;--card-soft-tint:#f5fbf7}.qr-type-app-link{--qr-bg:#f3effc;--qr-border:#6b3fb829;--qr-color:#6b3fb8;--qr-shadow:#6b3fb81a;--card-soft-tint:#f9f6ff}.qr-type-document{--qr-bg:#ebf3fc;--qr-border:#1b71ba29;--qr-color:#1b71ba;--qr-shadow:#1b71ba1a;--card-soft-tint:#f5f8ff}.qr-type-pdf{--qr-bg:#fff0f2;--qr-border:#df204029;--qr-color:#df2040;--qr-shadow:#df20401a;--card-soft-tint:#fff7f8}.qr-type-event{--qr-bg:#fdf1f3;--qr-border:#c3284b29;--qr-color:#c3284b;--qr-shadow:#c3284b1a;--card-soft-tint:#fff7f9}.qr-type-app-download{--qr-bg:#eef5ff;--qr-border:#2767e829;--qr-color:#2767e8;--qr-shadow:#2767e81a;--card-soft-tint:#f5f8ff}.qr-type-payment{--qr-bg:#fff3ea;--qr-border:#c6491229;--qr-color:#c64912;--qr-shadow:#c649121a;--card-soft-tint:#fff9f4}.qr-type-multi-link{--qr-bg:#eff1ff;--qr-border:#4f46e529;--qr-color:#4f46e5;--qr-shadow:#4f46e51a;--card-soft-tint:#f7f7ff}.qr-type-vcard{--qr-bg:#ecf7f1;--qr-border:#18834429;--qr-color:#188344;--qr-shadow:#1883441a;--card-soft-tint:#f5fbf7}.features-grid{z-index:2;display:grid;position:relative;grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important}.feature-card{position:relative;background:linear-gradient(45deg, #fff 0%, #fcfdff 55%, var(--feat-soft-tint,#f8fafd) 100%)!important;text-align:center!important;background-color:#fff!important;border:1px solid #e5eaf2!important;border-radius:16px!important;flex-direction:column!important;align-items:center!important;padding:2rem 1.5rem!important;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s!important;display:flex!important;box-shadow:0 6px 20px #1f2d500e!important}.feature-card:hover{border-color:#4f46e529!important;transform:translateY(-2px)!important;box-shadow:0 10px 28px #1f2d5016!important}.feature-icon{background:var(--feat-bg,#eef4ff)!important;border:1px solid var(--feat-border,#3b66f529)!important;width:52px!important;height:52px!important;box-shadow:0 4px 12px var(--feat-shadow,#3b66f51a)!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;margin-bottom:1.15rem!important;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s!important;display:inline-flex!important;position:relative!important;overflow:hidden!important}.feature-card:hover .feature-icon{box-shadow:0 6px 16px var(--feat-shadow,#3b66f524)!important;transform:translateY(-1px)!important}.feature-icon svg{z-index:1;position:relative;width:24px!important;height:24px!important;color:var(--feat-color,#3b66f5)!important}.feature-card h3{color:#171b2c!important;margin-bottom:.45rem!important;font-size:1.1rem!important;font-weight:600!important}.feature-card p{color:#566176!important;margin-bottom:0!important;font-size:.88rem!important;line-height:1.5!important}.feature-type-dynamic{--feat-bg:#eef4ff;--feat-border:#2f6feb29;--feat-color:#2f6feb;--feat-shadow:#2f6feb1a;--feat-soft-tint:#f5f8ff}.feature-type-analytics{--feat-bg:#edf8f0;--feat-border:#22863a29;--feat-color:#22863a;--feat-shadow:#22863a1a;--feat-soft-tint:#f5fbf7}.feature-type-cards{--feat-bg:#fff6e8;--feat-border:#ce6d0d29;--feat-color:#ce6d0d;--feat-shadow:#ce6d0d1a;--feat-soft-tint:#fff9f3}.feature-type-multilink{--feat-bg:#f3effc;--feat-border:#6b3fb829;--feat-color:#6b3fb8;--feat-shadow:#6b3fb81a;--feat-soft-tint:#f9f6ff}.feature-type-downloads{--feat-bg:#ebf3fc;--feat-border:#1b71ba29;--feat-color:#1b71ba;--feat-shadow:#1b71ba1a;--feat-soft-tint:#f5f8ff}.feature-type-fast{--feat-bg:#e6f7f9;--feat-border:#0a949c29;--feat-color:#0a949c;--feat-shadow:#0a949c1a;--feat-soft-tint:#f4fbfc}.feature-type-password{--feat-bg:#fff1ee;--feat-border:#d9383a29;--feat-color:#d9383a;--feat-shadow:#d9383a1a;--feat-soft-tint:#fff7f6}.feature-type-branding{--feat-bg:#f8f0fd;--feat-border:#9333ea29;--feat-color:#9333ea;--feat-shadow:#9333ea1a;--feat-soft-tint:#faf6fd}.cta-section{background:linear-gradient(45deg,#f1f5ff 0%,#f7f3ff 55%,#f3f8ff 100%)!important;border-top:1px solid #e5eaf2!important;padding:5.5rem 0!important}.cta-inner-card{text-align:center;position:relative;overflow:hidden;background:#fff!important;border:1px solid #dfe7f4!important;border-radius:24px!important;padding:4rem 2rem!important;box-shadow:0 8px 30px #1f2d500f!important}.cta-inner-card:before{content:"";filter:blur(25px);pointer-events:none;background:radial-gradient(circle,#8d59fe0d 0%,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-50px;right:-50px}.cta-inner-card:after{content:"";filter:blur(25px);pointer-events:none;background:radial-gradient(circle,#3b66f50d 0%,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-50px;left:-50px}.cta-badge-icon{object-fit:contain;filter:drop-shadow(0 4px 10px #0000000f);width:48px;height:48px;margin-bottom:1.25rem}.cta-inner-card h2{letter-spacing:-.015em;color:#171b2c!important;margin-bottom:.85rem!important;font-size:2.15rem!important;font-weight:700!important}.cta-inner-card p{color:#566176!important;max-width:38rem!important;margin:0 auto 2rem!important;font-size:1.05rem!important;line-height:1.55!important}.cta-action-btn{border-radius:12px!important;padding:.85rem 2.25rem!important;font-size:1rem!important;font-weight:600!important}@media (max-width:1200px){.qr-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width:1100px){:root{--qrdm-header-logo-height:44px;--qrdm-header-logo-max-width:175px}}@media (max-width:992px){.qr-grid{grid-template-columns:repeat(3,1fr)!important;gap:1.1rem!important}.features-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem!important}}@media (max-width:768px){:root{--qrdm-header-logo-height:39px;--qrdm-header-logo-max-width:156px;--qrdm-drawer-logo-height:38px;--qrdm-drawer-logo-max-width:150px}.qr-types-section,.creative-studio-section,.features-section,.cta-section{padding:clamp(32px,5vw,40px) 0!important}.cta-inner-card{border-radius:18px!important;padding:2.75rem 1.25rem!important}.section-header{margin-bottom:clamp(24px,4vw,32px)!important}.section-header h2{margin-bottom:12px!important;font-size:1.65rem!important}.qr-grid{grid-template-columns:repeat(2,1fr)!important;gap:.85rem!important}.features-grid{grid-template-columns:1fr!important;gap:1rem!important}.qr-card{padding:1.25rem .85rem!important}.feature-card{padding:1.5rem 1.15rem!important}}@media (max-width:480px){.qr-card h3{font-size:.95rem!important}.qr-card p{font-size:.78rem!important}.qr-card-icon{border-radius:12px!important;width:46px!important;height:46px!important}.qr-card-icon-svg{width:22px!important;height:22px!important}}@media (max-width:360px){:root{--qrdm-header-logo-height:35px;--qrdm-header-logo-max-width:138px}}.workspace-nav-bar{z-index:15!important;background:#fff!important;border-bottom:1px solid #e2e8f0!important;width:100%!important;position:sticky!important;top:64px!important;box-shadow:0 1px 3px #0f172a08!important}.workspace-nav-inner{scrollbar-width:none!important;max-width:1400px!important;margin:0 auto!important;padding:0 1.5rem!important;overflow-x:auto!important}.workspace-nav-inner::-webkit-scrollbar{display:none!important}.workspace-nav-tabs{align-items:center!important;gap:6px!important;min-width:max-content!important;margin:0!important;padding:.5rem 0!important;list-style:none!important;display:flex!important}.nav-item-li{margin:0!important;padding:0!important;display:inline-flex!important}.workspace-tab{color:#475569!important;white-space:nowrap!important;cursor:pointer!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;align-items:center!important;gap:7px!important;padding:.45rem .85rem!important;font-size:.84rem!important;font-weight:500!important;line-height:1.4!important;text-decoration:none!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.workspace-tab:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#e2e8f0!important;text-decoration:none!important}.workspace-tab:focus-visible{border-color:#93c5fd!important;outline:none!important;box-shadow:0 0 0 2px #3b66f540!important}.workspace-tab.is-active{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important;font-weight:600!important;box-shadow:0 1px 2px #1d4ed80d!important}.workspace-tab.is-active svg,.workspace-tab.is-active .tab-icon{color:#2563eb!important}.workspace-tab.is-create-shortcut{color:#2563eb!important;font-weight:600!important}.workspace-tab.is-create-shortcut:hover{color:#1d4ed8!important;background:#eff6ff!important;border-color:#dbeafe!important}.workspace-tab.admin-tab{color:#7c3aed!important}.workspace-tab.admin-tab:hover{color:#6d28d9!important;background:#faf5ff!important;border-color:#ede9fe!important}.workspace-tab.is-active-admin{color:#6d28d9!important;background:#faf5ff!important;border-color:#e9d5ff!important;font-weight:600!important}.workspace-nav-tabs .admin-li{border-left:1px solid #e2e8f0!important;margin-left:.5rem!important;padding-left:.5rem!important}@media (max-width:640px){.workspace-tab{gap:5px!important;padding:.4rem .65rem!important;font-size:.8rem!important}}.card-action-tag{color:#2563eb!important;letter-spacing:.02em!important;pointer-events:none!important;z-index:2!important;background:#eef4ff!important;border:1px solid #2563eb2e!important;border-radius:9999px!important;padding:3px 7px!important;font-size:.65rem!important;font-weight:700!important;line-height:1!important;transition:all .2s!important;position:absolute!important;top:10px!important;right:10px!important}.qr-card:hover .card-action-tag,.studio-card-actionable:hover .card-action-tag{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 2px 6px #2563eb40!important}.card-status-badge{color:#64748b!important;letter-spacing:.02em!important;pointer-events:none!important;z-index:2!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:9999px!important;padding:3px 7px!important;font-size:.65rem!important;font-weight:600!important;line-height:1!important;position:absolute!important;top:10px!important;right:10px!important}.creative-studio-section{background:#fff;padding:clamp(48px,4.5vw,64px) 0!important}.studio-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.studio-card{text-align:center!important;background:#fff linear-gradient(45deg,#fff 0%,#fcfdff 55%,#f8fafc 100%)!important;border:1px solid #e5eaf2!important;border-radius:16px!important;flex-direction:column!important;align-items:center!important;min-height:170px!important;padding:1.6rem 1.15rem!important;text-decoration:none!important;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s!important;display:flex!important;position:relative!important;box-shadow:0 6px 20px #1f2d500e!important}.studio-card-actionable{cursor:pointer!important}.studio-card-actionable:hover{border-color:#3b66f540!important;transform:translateY(-2px)!important;box-shadow:0 10px 28px #1f2d5016!important}.studio-card-actionable:focus-visible,.qr-card:focus-visible{outline-offset:2px!important;outline:2px solid #2563eb!important}.studio-card-disabled{opacity:.72!important;cursor:not-allowed!important;background:#f9fafb!important;border-style:dashed!important}.studio-card-icon{color:#3b66f5!important;background:#eef4ff!important;border:1px solid #3b66f529!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;width:52px!important;height:52px!important;margin-bottom:.25rem!important;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s!important;display:inline-flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 12px #3b66f51a!important}.studio-card-actionable:hover .studio-card-icon{transform:translateY(-1px)!important;box-shadow:0 6px 16px #3b66f524!important}.studio-card-disabled .studio-card-icon{color:#64748b!important;box-shadow:none!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.studio-card h3{color:#171b2c!important;margin-top:.75rem!important;margin-bottom:.3rem!important;font-size:1.02rem!important;font-weight:600!important;transition:color .18s!important}.studio-card-actionable:hover h3{color:#3867f4!important}.studio-card-disabled h3{color:#475569!important}.studio-card p{color:#566176!important;margin-bottom:0!important;font-size:.82rem!important;line-height:1.45!important}@media (max-width:1200px){.studio-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.creative-studio-section{padding:clamp(32px,5vw,40px) 0!important}.studio-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.studio-card{padding:1.25rem .9rem!important}.studio-card h3{font-size:.95rem!important}}@media (max-width:480px){.studio-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}}