@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-main:#090b11;--bg-gradient-start:#15102a;--bg-card:#12162399;--bg-card-hover:#1a1f30d9;--border-glass:#ffffff14;--border-focus:#8b5cf6;--text-main:#f3f4f6;--text-muted:#9ca3af;--color-violet:#8b5cf6;--color-violet-glow:#8b5cf626;--color-emerald:#10b981;--color-emerald-glow:#10b98126;--color-amber:#f59e0b;--color-amber-glow:#f59e0b26;--color-rose:#ef4444;--color-rose-glow:#ef444426;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-main);color:var(--text-main);box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle at 50% 0%, var(--bg-gradient-start) 0%, var(--bg-main) 70%);background-attachment:fixed;flex-direction:column;min-height:100vh;margin:0;display:flex;overflow-x:hidden}*{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-family:Outfit,sans-serif;font-weight:700}a{color:var(--color-violet);text-decoration:none;transition:all .2s}a:hover{text-shadow:0 0 10px var(--color-violet-glow)}.app-container{flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:flex}.app-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-violet), #c084fc);border-radius:50%;width:2.25rem;height:2.25rem;position:relative;overflow:hidden;box-shadow:0 0 15px #8b5cf666}.logo-icon:after{content:"";opacity:.3;border:2px solid #fff;border-radius:50%;width:70%;height:70%;position:absolute;top:15%;left:15%}.logo-text{background:linear-gradient(90deg,#fff,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.badge-demo{color:#c084fc;letter-spacing:.05em;text-transform:uppercase;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.card-glass{background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.hero-section{text-align:center;margin-bottom:3rem}.hero-title{background:linear-gradient(90deg,#fff,#d8b4fe,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3rem;line-height:1.15}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.main-card{flex-direction:column;justify-content:flex-start;width:100%;max-width:800px;min-height:620px;margin:0 auto;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.form-grid-layout{grid-template-columns:1fr;gap:1.25rem;width:100%;display:grid}@media (width>=640px){.form-grid-layout{grid-template-columns:repeat(2,1fr)}.grid-full-width{grid-column:span 2}}.form-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-main);font-size:.875rem;font-weight:600}.form-group input{box-sizing:border-box;border:1px solid var(--border-glass);width:100%;color:var(--text-main);background:#090b11cc;border-radius:10px;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--border-focus);box-shadow:0 0 12px var(--color-violet-glow);outline:none}.btn-primary{background:linear-gradient(135deg, var(--color-violet), #6d28d9);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 20px #8b5cf64d}.btn-primary:hover{background:linear-gradient(135deg,#9c6ef7,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf680}.btn-primary:active{transform:translateY(0)}.scanner-container-layout{text-align:center;justify-content:center;align-items:center}.radar-wrap{justify-content:center;align-items:center;width:180px;height:180px;margin-bottom:3rem;display:flex;position:relative}.radar-circle{border:1px solid #8b5cf633;border-radius:50%;animation:2.5s linear infinite pulse-radar;position:absolute}.radar-circle:first-child{width:100%;height:100%;animation-delay:0s}.radar-circle:nth-child(2){width:70%;height:70%;animation-delay:.5s}.radar-circle:nth-child(3){width:40%;height:40%;animation-delay:1s}.radar-sweep{transform-origin:100% 100%;background:conic-gradient(#0000 50%,#8b5cf64d 100%);border-radius:100% 0 0;width:50%;height:50%;animation:2s linear infinite rotate-radar;position:absolute;top:0;left:0}.radar-center{background:var(--color-violet);width:1.5rem;height:1.5rem;box-shadow:0 0 20px var(--color-violet);z-index:2;border-radius:50%}.scan-directory-name{color:var(--text-main);height:2.25rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.scan-progress-bar{background:#ffffff0d;border-radius:3px;width:100%;height:6px;margin-bottom:1.5rem;overflow:hidden}.scan-progress-fill{background:linear-gradient(to right, var(--color-violet), #a78bfa);width:0%;height:100%;transition:width .3s}.scan-ticker{color:var(--text-muted);height:1.5rem;font-family:monospace;font-size:.9rem}.dashboard-grid{grid-template-columns:1fr;gap:2rem;display:grid}.sidebar-column{flex-direction:column;gap:1.5rem;display:flex}@media (width>=1024px){.dashboard-grid{grid-template-columns:320px 1fr}.sidebar-column{align-self:start;position:sticky;top:2rem}}.score-panel{text-align:center;flex-direction:column;align-items:center;height:fit-content;padding:2.5rem 1.5rem;display:flex}.score-gauge-wrap{justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:1.5rem;display:flex;position:relative}.score-svg{width:100%;height:100%;transform:rotate(-90deg)}.score-svg-circle-bg{fill:none;stroke:#ffffff0d;stroke-width:10px}.score-svg-circle-fill{fill:none;stroke:url(#scoreGrad);stroke-width:10px;stroke-dasharray:440;stroke-dashoffset:440px;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.score-text-center{flex-direction:column;align-items:center;display:flex;position:absolute}.score-number{font-size:3rem;font-weight:800;line-height:1}.score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.score-title{margin-bottom:.5rem;font-size:1.5rem}.score-desc{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem;line-height:1.4}.summary-stats{flex-direction:column;gap:.75rem;width:100%;margin-bottom:2rem;display:flex}.stat-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.stat-label-wrap{align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.stat-dot{border-radius:50%;width:8px;height:8px}.stat-dot.consistent{background-color:var(--color-emerald);box-shadow:0 0 8px var(--color-emerald)}.stat-dot.mismatch{background-color:var(--color-amber);box-shadow:0 0 8px var(--color-amber)}.stat-dot.missing{background-color:var(--color-rose);box-shadow:0 0 8px var(--color-rose)}.stat-value{font-size:1rem;font-weight:700}.btn-secondary{border:1px solid var(--border-glass);width:100%;color:var(--text-main);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff0d}.listings-panel{flex-direction:column;gap:1.5rem;display:flex}.listing-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.listing-card:hover{background:var(--bg-card-hover);border-color:#ffffff26}.listing-header{justify-content:space-between;align-items:center;display:flex}.directory-badge{align-items:center;gap:.75rem;display:flex}.directory-name{font-size:1.25rem;font-weight:700}.status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:flex}.status-pill.consistent{background:var(--color-emerald-glow);color:#34d399;border:1px solid #10b9814d}.status-pill.mismatch{background:var(--color-amber-glow);color:#fbbf24;border:1px solid #f59e0b4d}.status-pill.missing{background:var(--color-rose-glow);color:#f87171;border:1px solid #ef44444d}.listing-body-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.listing-body-grid{grid-template-columns:repeat(3,1fr)}}.listing-detail-item{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.detail-label{color:var(--text-muted);font-weight:600}.detail-val{word-break:break-word}.detail-val.mismatched{color:#fbbf24;font-weight:600}.detail-val.missing-text{color:var(--text-muted);font-style:italic}.issue-warning-box{color:#f59e0b;background:#f59e0b0d;border:1px dashed #f59e0b40;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.upsell-section{text-align:center;background:radial-gradient(circle at 100% 0,#8b5cf61a 0%,#121623b3 100%);border:1px solid #8b5cf640;flex-direction:column;grid-column:span 1;align-items:center;margin-top:2rem;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}@media (width>=1024px){.upsell-section{grid-column:span 2}}.upsell-glow{background:var(--color-violet);filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.upsell-title{background:linear-gradient(90deg,#fff,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2rem}.upsell-desc{max-width:650px;color:var(--text-muted);margin-bottom:2rem;font-size:1rem;line-height:1.5}.checkout-grid{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:700px;display:flex}@media (width>=640px){.checkout-grid{flex-direction:row;justify-content:center;align-items:stretch}}.checkout-card{border:1px solid var(--border-glass);text-align:left;background:#ffffff05;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;width:100%;min-height:250px;padding:1.5rem;transition:transform .3s;display:flex}.checkout-card:hover{border-color:#8b5cf64d;transform:translateY(-4px)}.checkout-card.popular{border-color:var(--color-violet);background:#8b5cf605}.checkout-card-header h3{margin-bottom:.5rem;font-size:1.25rem}.price-tag{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:800}.price-tag span{color:var(--text-muted);font-size:.875rem;font-weight:400}.checkout-features{color:var(--text-muted);flex-direction:column;gap:.5rem;margin:0 0 1.5rem;padding:0;font-size:.875rem;list-style:none;display:flex}.checkout-features li{align-items:center;gap:.5rem;display:flex}.checkout-features li:before{content:"✓";color:var(--color-emerald);font-weight:700}.checkout-btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem;font-weight:700;transition:all .2s}.checkout-btn.primary{background:var(--color-emerald);color:#0b0d19}.checkout-btn.primary:hover{background:#34d399;box-shadow:0 0 15px #34d39966}.checkout-btn.violet{background:var(--color-violet);color:#fff}.checkout-btn.violet:hover{background:#a78bfa;box-shadow:0 0 15px #a78bfa66}.checkout-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-glass.checkout-modal{text-align:left;border:1.5px solid var(--color-violet);-webkit-backdrop-filter:blur(16px);background:radial-gradient(circle at 100% 0,#8b5cf626 0%,#1a1f30bf 100%);border-radius:16px;width:90%;max-width:540px;padding:2.5rem;animation:.3s scale-up;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009,0 0 35px #8b5cf633}[data-theme=light] .card-glass.checkout-modal{border-color:var(--color-violet)!important;-webkit-backdrop-filter:none!important;background:radial-gradient(circle at 100% 0,#f3f0ff 0%,#fff 100%)!important;box-shadow:0 20px 40px #00000026,0 0 35px #7c3aed26!important}.modal-input{border:1px solid var(--border-glass);width:100%;color:var(--text-main);background:#ffffff08;border-radius:8px;outline:none;padding:.65rem .85rem;font-family:inherit;transition:all .2s}.modal-input::placeholder{color:var(--text-muted);opacity:.6}[data-theme=light] .modal-input::placeholder{color:#6b7280}.modal-input:focus{border-color:var(--color-violet);box-shadow:0 0 0 2px var(--color-violet-glow)}[data-theme=light] .modal-input{background:#00000008;border-color:#0000001a}#stripe-card-element{border:1px solid var(--border-glass);background:#ffffff08;border-radius:8px;width:100%;padding:.75rem .85rem;transition:all .2s}[data-theme=light] #stripe-card-element{background:#00000008;border-color:#0000001a}#stripe-card-element.StripeElement--focus{border-color:var(--color-violet);box-shadow:0 0 0 2px var(--color-violet-glow)}.modal-title-gradient{background:linear-gradient(90deg,#fff,#c084fc);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.success-check-icon{border:2px solid var(--color-emerald);width:4.5rem;height:4.5rem;color:var(--color-emerald);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2rem;display:flex;box-shadow:0 0 20px #10b98133}@keyframes rotate-radar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-radar{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1)}}@keyframes scale-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}body,.card-glass,.form-group input,.app-header,.logo-text,.hero-title,.upsell-title,.price-tag,.stat-row,.btn-secondary{transition:background .3s,background-color .3s,color .3s,border-color .3s,box-shadow .3s}:root[data-theme=light]{--bg-main:#f3f4f6;--bg-card:#ffffffb3;--bg-card-hover:#fffffff2;--border-glass:#00000014;--border-focus:#7c3aed;--text-main:#111827;--text-muted:#4b5563;--color-violet:#7c3aed;--color-violet-glow:#7c3aed26;--color-emerald:#059669;--color-emerald-glow:#05966926;--color-amber:#d97706;--color-amber-glow:#d9770626;--color-rose:#dc2626;--color-rose-glow:#dc262626;--bg-gradient-start:#eae6fd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] body{background:radial-gradient(circle at 50% 0%, var(--bg-gradient-start) 0%, var(--bg-main) 70%)}[data-theme=light] .logo-text{background:linear-gradient(to right, #111827, var(--color-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .hero-title{background:linear-gradient(to right, #111827, #4b5563, var(--color-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .upsell-title{background:linear-gradient(to right, #111827, var(--color-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .form-group input{color:var(--text-main);background:#ffffffd9;border-color:#0000001a}[data-theme=light] .form-group input::placeholder{color:#9ca3af}[data-theme=light] .score-svg-circle-bg{stroke:#0000000d}[data-theme=light] .stat-row{background:#00000005;border-color:#0000000d}[data-theme=light] .scan-progress-bar{background:#0000000f}[data-theme=light] .price-tag{color:var(--text-main)}[data-theme=light] .price-tag span{color:var(--text-muted)}[data-theme=light] .checkout-card{background:#fff6}[data-theme=light] .checkout-card.popular{background:#7c3aed08}[data-theme=light] .status-pill.consistent{color:#047857;background:#10b9811a;border-color:#10b98133}[data-theme=light] .status-pill.mismatch{color:#b45309;background:#f59e0b1a;border-color:#f59e0b33}[data-theme=light] .status-pill.missing{color:#b91c1c;background:#ef44441a;border-color:#ef444433}[data-theme=light] .detail-val.mismatched{color:#b45309}[data-theme=light] .issue-warning-box{color:#b45309;background:#f59e0b0a;border-color:#f59e0b26}[data-theme=light] .upsell-section{background:radial-gradient(circle at 100% 0,#7c3aed14 0%,#fffc 100%);border-color:#7c3aed33}[data-theme=light] .logo-icon{box-shadow:0 0 10px #7c3aed4d}.controls-container{align-items:center;gap:1rem;display:flex}.theme-toggle-btn{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:.5rem;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--bg-card-hover);transform:scale(1.05)}.lang-dropdown-container{position:relative}.lang-dropdown-btn{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.lang-dropdown-btn:hover{background:var(--bg-card-hover)}.lang-dropdown-menu{background:var(--bg-main);border:1px solid var(--border-glass);z-index:50;border-radius:8px;min-width:80px;margin:0;padding:.25rem 0;list-style:none;position:absolute;top:120%;right:0;box-shadow:0 10px 25px -5px #0000004d}.lang-dropdown-item{cursor:pointer;color:var(--text-main);padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.lang-dropdown-item:hover{background:var(--color-violet);color:#fff}.lang-dropdown-item.active{color:var(--color-violet);font-weight:700}[data-theme=light] .lang-dropdown-item.active{color:var(--color-violet)}[data-theme=light] .lang-dropdown-item:hover{color:#fff}@media (width<=768px){.hero-title{font-size:2.25rem;line-height:1.2}.hero-subtitle{padding:0 1rem;font-size:1rem}.main-card{min-height:auto;padding:1.75rem 1.25rem}.app-header{margin-bottom:2rem}.upsell-title{font-size:1.5rem}.upsell-section{padding:2rem 1.25rem}.dashboard-grid{gap:1.5rem}}@media (width<=480px){.app-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.controls-container{justify-content:center;width:100%}.hero-title{font-size:1.85rem}.listing-header{flex-direction:column;align-items:flex-start;gap:.5rem}.status-pill{align-self:flex-start}.checkout-modal{padding:1.5rem 1rem}.stat-row{padding:.5rem .75rem;font-size:.8rem}}
