.dqm-intro{position:fixed;inset:0;z-index:999999;background:#080B15;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}
.dqm-intro.fade-out{opacity:0;visibility:hidden}
.dqm-intro-content{text-align:center;animation:introIn .6s ease both}
.dqm-intro-logo{height:140px;width:auto;margin-bottom:20px}
.dqm-intro-slogan{color:rgba(255,255,255,.45);font-size:1rem;font-weight:400;letter-spacing:.08em;margin:0}
.dqm-captcha{margin-top:32px}
.dqm-captcha-box{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;transition:all .2s;background:rgba(255,255,255,.03);user-select:none}
.dqm-captcha-box:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06)}
.dqm-captcha-check{width:22px;height:22px;border:2px solid rgba(255,255,255,.25);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}
.dqm-captcha-check.loading{border-color:#c9a962;animation:captchaSpin 1s linear infinite;border-top-color:transparent;border-radius:50%}
.dqm-captcha-check.checked{border-color:#4ade80;background:rgba(74,222,128,.1)}
.dqm-captcha-text{color:rgba(255,255,255,.6);font-size:.88rem;font-weight:500}
.dqm-captcha-hint{color:rgba(255,255,255,.35);font-size:.78rem;margin:12px 0 0;animation:hintPulse 2s ease infinite}
.dqm-captcha-check{animation:checkPulse 1.8s ease infinite}
.dqm-captcha-check.loading,.dqm-captcha-check.checked{animation:none}
@keyframes hintPulse{0%,100%{opacity:.35}50%{opacity:.7}}
@keyframes checkPulse{0%,100%{border-color:rgba(255,255,255,.25);box-shadow:none}50%{border-color:rgba(201,169,98,.6);box-shadow:0 0 8px rgba(201,169,98,.2)}}
@keyframes captchaSpin{to{transform:rotate(360deg)}}
@keyframes introIn{0%{opacity:0;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}

/* Generator PRO features */
.dqm-gen-pro-tag{background:rgba(201,169,98,.15);color:#c9a962;font-size:.55rem;font-weight:800;padding:1px 5px;border-radius:4px;margin-left:4px;text-transform:uppercase;letter-spacing:.02em}
.dqm-gen-pro{opacity:.6;position:relative}.dqm-gen-pro:hover{opacity:.9}
.dqm-gen-style{margin-bottom:16px}
.dqm-gen-style label{color:rgba(255,255,255,.5);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;display:block}
.dqm-gen-style-opts{display:flex;gap:8px}
.dqm-gen-style-btn{width:52px;height:52px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.12);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:8px}
.dqm-gen-style-btn:hover{border-color:rgba(201,169,98,.3)}
.dqm-gen-style-btn.active{border-color:#c9a962;background:rgba(201,169,98,.06)}
.dqm-gen-after-dl{margin-top:16px;text-align:center;opacity:0;transition:opacity .4s}
.dqm-gen-after-dl p{color:#94a3b8;font-size:.82rem;margin:4px 0}
.dqm-gen-after-dl p:first-child{color:#4ade80;font-weight:600}
.dqm-gen-after-dl a{color:#c9a962;font-size:.85rem;font-weight:600;text-decoration:none}
.dqm-gen-pro-hint{color:#64748b;font-size:.75rem;margin:12px 0 0;text-align:center}
.dqm-gen-pro-hint a{color:#c9a962;text-decoration:none}
.dqm-gen-pro-hint a:hover{text-decoration:underline}
.dqm-gen-pro-features{display:flex;flex-direction:column;gap:8px;margin:16px 0 0}
.dqm-gen-pro-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(201,169,98,.04);border:1px solid rgba(201,169,98,.1);border-radius:10px;cursor:pointer;transition:all .2s;color:rgba(255,255,255,.5);font-size:.82rem}
.dqm-gen-pro-row:hover{background:rgba(201,169,98,.08);border-color:rgba(201,169,98,.2);color:rgba(255,255,255,.7)}
.dqm-gen-pro-row svg{color:#c9a962;flex-shrink:0}
.dqm-gen-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
.dqm-gen-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}
.dqm-gen-modal{position:relative;background:#111828;border:1px solid rgba(148,163,184,.12);border-radius:20px;padding:40px 36px;max-width:420px;width:92%;text-align:center;animation:dqmModalIn .3s ease}
.dqm-gen-modal-x{position:absolute;top:14px;right:14px;background:none;border:none;color:#64748b;font-size:1.4rem;cursor:pointer;padding:4px 8px;line-height:1}
.dqm-gen-modal-x:hover{color:#fff}
@keyframes dqmModalIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

/* === QR Generator PRO === */
.dqm-gen-step-label{color:rgba(255,255,255,.35);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px}
.dqm-gen-types{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:20px}
.dqm-gen-type{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:rgba(255,255,255,.02);border:1px solid rgba(148,163,184,.08);border-radius:10px;color:rgba(255,255,255,.45);font-size:.68rem;cursor:pointer;transition:all .2s;position:relative}
.dqm-gen-type svg{width:18px;height:18px;flex-shrink:0}
.dqm-gen-type span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dqm-gen-type:hover{background:rgba(201,169,98,.05);border-color:rgba(201,169,98,.2);color:rgba(255,255,255,.7)}
.dqm-gen-type.active{background:rgba(201,169,98,.08);border-color:#c9a962;color:#c9a962}
.dqm-gen-pro-type{opacity:.65}.dqm-gen-pro-type:hover{opacity:.85}
.dqm-gen-pro-type em{position:absolute;top:2px;right:2px;background:rgba(201,169,98,.2);color:#c9a962;font-size:.45rem;font-weight:800;font-style:normal;padding:0 3px;border-radius:2px;line-height:1.3}
.dqm-gen-input{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.1);border-radius:8px;color:#e2e8f0;padding:10px 12px;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s}
.dqm-gen-input:focus{border-color:rgba(201,169,98,.4)}
select.dqm-gen-input{-webkit-appearance:none;appearance:none}
.dqm-gen-design{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px}
.dqm-gen-styles{display:flex;gap:6px}
.dqm-gen-dot{width:42px;height:42px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}
.dqm-gen-dot:hover{border-color:rgba(201,169,98,.4);color:rgba(255,255,255,.8)}
.dqm-gen-dot.active{border-color:#c9a962;color:#c9a962;background:rgba(201,169,98,.08)}
.dqm-gen-colors{display:flex;gap:12px}
.dqm-gen-colors>div{display:flex;flex-direction:column;align-items:center;gap:4px}
.dqm-gen-colors input[type="color"]{width:36px;height:36px;border:1px solid rgba(148,163,184,.12);border-radius:8px;cursor:pointer;padding:2px;background:transparent;-webkit-appearance:none}
.dqm-gen-colors label{font-size:.65rem;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.05em}
.dqm-gen-btn{width:100%;padding:14px;background:transparent;color:#c9a962;border:1px solid rgba(201,169,98,.5);border-radius:10px;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:inherit}
.dqm-gen-btn:hover{box-shadow:0 6px 24px rgba(201,169,98,.25);transform:translateY(-1px)}
.dqm-gen-btn.shake{animation:genShake .4s ease}
@keyframes genShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.dqm-gen-hint{color:rgba(255,255,255,.3);font-size:.72rem;margin:6px 0 0;line-height:1.4}
.dqm-gen-pro-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(201,169,98,.04);border:1px solid rgba(201,169,98,.08);border-radius:10px;cursor:pointer;transition:all .2s;color:rgba(255,255,255,.5);font-size:.82rem;user-select:none}
.dqm-gen-pro-toggle:hover{background:rgba(201,169,98,.08);border-color:rgba(201,169,98,.2)}
.dqm-gen-pro-toggle input{display:none}
.dqm-toggle-switch{width:34px;height:18px;background:rgba(255,255,255,.1);border-radius:10px;position:relative;transition:background .2s;flex-shrink:0}
.dqm-toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;background:rgba(255,255,255,.4);border-radius:50%;transition:all .2s}
.dqm-gen-pro-toggle input:checked~.dqm-toggle-switch{background:rgba(201,169,98,.4)}
.dqm-gen-pro-toggle input:checked~.dqm-toggle-switch::after{left:18px;background:#c9a962}
.dqm-toggle-text{flex:1}
.dqm-gen-logo-upload{margin:-4px 0 4px;padding:0 14px}
.dqm-gen-substep{color:rgba(255,255,255,.3);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.dqm-gen-pro-line{text-align:center;margin-top:12px}.dqm-gen-pro-line a{color:rgba(201,169,98,.5);font-size:.72rem;text-decoration:none;transition:color .2s}.dqm-gen-pro-line a:hover{color:#c9a962}
.dqm-gen-style-picker{margin-top:16px;text-align:center}
.dqm-gen-style-label{color:rgba(255,255,255,.4);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.dqm-gen-style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dqm-gen-style-opt{cursor:pointer;border:2px solid rgba(255,255,255,.08);border-radius:12px;padding:8px;background:rgba(255,255,255,.02);transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px}
.dqm-gen-style-opt:hover{border-color:rgba(201,169,98,.3);background:rgba(201,169,98,.04)}
.dqm-gen-style-opt.active{border-color:#c9a962;background:rgba(201,169,98,.08);box-shadow:0 0 12px rgba(201,169,98,.15)}
.dqm-gen-style-opt span{color:rgba(255,255,255,.4);font-size:.68rem;font-weight:600}
.dqm-gen-style-opt.active span{color:#c9a962}
.dqm-gen-style-canvas{border-radius:6px;width:80px;height:80px;background:#fff}
.dqm-gen-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px}
.dqm-gen-canvas-wrap{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:center;min-width:200px;min-height:200px;box-shadow:0 8px 40px rgba(0,0,0,.25)}
.dqm-gen-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(0,0,0,.12)}
.dqm-gen-placeholder span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
#gen-canvas{border-radius:4px;max-width:280px}
.dqm-gen-actions{margin-top:16px;display:flex;gap:8px}
.dqm-gen-dl{display:flex;align-items:center;gap:6px;padding:10px 20px;background:rgba(201,169,98,.08);border:1px solid rgba(201,169,98,.2);border-radius:8px;color:#c9a962;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.dqm-gen-dl:hover{background:rgba(201,169,98,.15);border-color:#c9a962}
.dqm-gen-after{text-align:center;margin-top:12px;opacity:0;transition:opacity .4s}
.dqm-gen-after p{color:#4ade80;font-size:.78rem;font-weight:600;margin:0 0 4px}
.dqm-gen-after a{color:rgba(201,169,98,.6);font-size:.75rem;text-decoration:none}.dqm-gen-after a:hover{color:#c9a962}
@media(max-width:900px){.dqm-gen-types{grid-template-columns:repeat(4,1fr)}.dqm-gen-style-options{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){
.dqm-gen-types{grid-template-columns:repeat(3,1fr)}
.dqm-gen-design{flex-direction:column;align-items:stretch}
.dqm-gen-style-options{grid-template-columns:repeat(3,1fr);gap:6px}
.dqm-gen-style-canvas{width:60px;height:60px}
.dqm-gen-style-opt{padding:5px;border-radius:8px}
.dqm-gen-style-opt span{font-size:.58rem}
.dqm-gen-canvas-wrap{min-width:160px;min-height:160px;padding:14px}
#gen-canvas{max-width:220px}
.dqm-gen-pro-features{gap:6px}
.dqm-gen-pro-row{padding:8px 10px;font-size:.76rem}
.dqm-gen-modal{padding:28px 20px;max-width:340px}
}
@media(max-width:400px){
.dqm-gen-types{grid-template-columns:repeat(3,1fr);gap:4px}
.dqm-gen-type{padding:8px 2px;font-size:.62rem}
.dqm-gen-type svg{width:16px;height:16px}
.dqm-gen-style-options{grid-template-columns:repeat(3,1fr);gap:4px}
.dqm-gen-style-canvas{width:50px;height:50px}
.dqm-gen-style-opt span{font-size:.52rem}
}

/* Fallback: show animated elements after 3s even if JS fails */
@keyframes dqmFallbackShow{to{opacity:1;transform:none}}
[data-animate]{animation:dqmFallbackShow 0s ease 3s both}

/* Clean button styles */
.dqm-btn-primary,.dqm-gen-btn,.dqm-price-btn,.dqm-topbar-btn,.dqm-hologram-btn-start,
.dqm-gc-generate,.dqm-gc-download,.dqm-gc-hbtn,.dqm-gc-modal-btn-primary,
.dqm-seo-btn-primary,.dqm-seo-sticky-btn,.dqm-sticky-cta-btn,.dqm-promo-btn,
#gen-create,#pub-save-qr,input[type="submit"]{
    background:transparent!important;background-color:transparent!important;background-image:none!important;
    border:1px solid rgba(201,169,98,.5)!important;color:#c9a962!important;border-radius:10px!important
}
.dqm-btn-glass,.dqm-hologram-btn-later,.dqm-gc-modal-btn-glass,.dqm-seo-btn-glass{
    background:transparent!important;border:1px solid rgba(255,255,255,.15)!important;color:rgba(255,255,255,.55)!important
}
.dqm-gen-type{background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;color:rgba(255,255,255,.5)!important}
.dqm-gen-type svg{stroke:rgba(255,255,255,.5)!important}
.dqm-gen-type.active{border-color:#c9a962!important;color:#c9a962!important}
.dqm-gen-type.active svg{stroke:#c9a962!important}
.dqm-gen-type:hover{border-color:rgba(201,169,98,.3)!important;color:rgba(255,255,255,.7)!important}
.dqm-gen-type:hover svg{stroke:rgba(255,255,255,.7)!important}
.dqm-gen-pro-type{opacity:.45!important}
.dqm-gen-dot{background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:rgba(255,255,255,.7)!important}
.dqm-gen-dot:hover{border-color:rgba(201,169,98,.4)!important;color:#c9a962!important}
.dqm-gen-dot.active{border-color:#c9a962!important;color:#c9a962!important;background:rgba(201,169,98,.08)!important}
.dqm-burger,.dqm-lang-current,.dqm-promo-close,
.dqm-faq-q,.dqm-scroll-top,.dqm-gc-modal-close,.dqm-captcha-box{
    border:none!important;background:transparent!important
}
.dqm-topbar-icon:hover{color:#c9a962!important}
.dqm-btn svg,.dqm-gen-btn svg,.dqm-gen-dl svg,.dqm-topbar-btn svg,
.dqm-price-btn svg,.dqm-hologram-btn-start svg,#gen-create svg{stroke:currentColor!important}
.dqm-ticker-dot{background:#4ade80!important}
.dqm-gen-colors input[type="color"]{border:1px solid rgba(255,255,255,.2)!important;background:transparent!important}