*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #8b5cf6;--brand-light: #a78bfa;--brand-glow: rgba(139, 92, 246, .18);--accent: #c084fc;--bg: #050508;--bg-card: rgba(13, 13, 23, .6);--bg-input: rgba(255, 255, 255, .02);--bg-modal: rgba(10, 10, 18, .9);--border: rgba(139, 92, 246, .12);--border-soft: rgba(255, 255, 255, .04);--text-1: #f3f4f6;--text-2: #9ca3af;--text-3: #6b7280;--red: #ef4444;--amber: #f59e0b;--green: #10b981;--radius: 16px;--radius-sm: 10px;--shadow: 0 12px 40px 0 rgba(0, 0, 0, .6);--font: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Mono", monospace}html,body,#root{height:100%}body{font-family:var(--font);background:radial-gradient(circle at 80% 20%,#8b5cf614,#0000 50%),radial-gradient(circle at 20% 80%,#c084fc0a,#0000 50%),var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf633;border:3px solid transparent;background-clip:padding-box;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#8b5cf673;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--brand);border:2px solid transparent;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.25) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#8b5cf633;border:3px solid transparent;background-clip:padding-box;border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:#8b5cf673;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:var(--brand);border:2px solid transparent;background-clip:padding-box}.accent{color:var(--accent)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-light)}.btn--ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-1)}.btn--sm{padding:6px 12px;font-size:13px}.input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-size:14px;font-family:var(--font);transition:border-color .15s;outline:none}.input:focus{border-color:var(--brand)}.input::placeholder{color:var(--text-3)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--text-2)}.field-hint{font-size:12px;color:var(--text-3)}.form-error{padding:10px 14px;background:#e052521f;border:1px solid rgba(224,82,82,.3);border-radius:var(--radius-sm);color:var(--red);font-size:13px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 40%,#17123a 0%,var(--bg) 70%);padding:24px}.login-card{text-align:center;max-width:380px;width:100%;background:#12121d99;border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow)}.logo-mark{font-size:48px;color:var(--brand);display:block;margin-bottom:16px;line-height:1}.login-card h1{font-size:32px;font-weight:700;letter-spacing:-1px;margin-bottom:10px}.login-card p{color:var(--text-2);font-size:15px;margin-bottom:24px;line-height:1.6}.login-form{margin-bottom:24px;text-align:left}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;background:#fff;color:#1f1f1f;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:500;cursor:pointer;transition:box-shadow .15s,transform .1s}.btn-google:hover:not(:disabled){box-shadow:0 0 0 3px #ffffff26}.btn-google:active{transform:scale(.98)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.topnav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;background:#07070abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topnav-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;letter-spacing:-.5px}.topnav-logo{color:var(--brand);font-size:22px}.topnav-right{display:flex;align-items:center;gap:12px}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);object-fit:cover}.plan-chip{padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.plan-chip:hover{opacity:.8}.plan-chip--free{background:#ffffff14;color:var(--text-2)}.plan-chip--pro{background:#8b5cf626;color:var(--brand-light)}.plan-chip--business{background:#d8b4fe26;color:var(--accent)}.plan-chip--enterprise{background:#f472b626;color:#f472b6}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-main{flex:1;max-width:1100px;margin:0 auto;width:100%;padding:32px 24px;display:flex;flex-direction:column;gap:28px}.stats-bar{display:flex;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:18px 16px;gap:4px}.stat+.stat{border-left:1px solid var(--border)}.stat-value{font-size:28px;font-weight:700;letter-spacing:-1px}.stat-label{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.section-header{display:flex;align-items:center;justify-content:space-between}.section-header h2{font-size:18px;font-weight:600;letter-spacing:-.3px}.create-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px}.create-form h3{font-size:15px;font-weight:600}.create-form-fields{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px}@media (max-width: 680px){.create-form-fields{grid-template-columns:1fr}}.create-form-actions{display:flex;justify-content:flex-end;gap:10px}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.qr-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s,box-shadow .2s}.qr-card:hover{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.qr-card--inactive{opacity:.6}.qr-card--skeleton{height:280px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--border) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-status-badge{position:absolute;top:14px;right:14px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.04em}.qr-status-badge--active{background:#2ec97e26;color:var(--green)}.qr-status-badge--paused{background:#e09a3026;color:var(--amber)}.qr-status-badge--expired{background:#e0525226;color:var(--red)}.qr-canvas-wrap{position:relative;display:flex;justify-content:center}.qr-canvas-wrap canvas{border-radius:8px;border:4px solid #fff}.qr-canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080c0b99;border-radius:8px;font-size:32px}.qr-info{display:flex;flex-direction:column;gap:6px}.qr-label{font-size:15px;font-weight:600}.qr-id{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.qr-target{display:flex;align-items:center;gap:6px;background:var(--bg-input);border-radius:var(--radius-sm);padding:8px 10px}.qr-target-icon{color:var(--accent);font-size:13px}.qr-target-url{font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-meta-row{display:flex;align-items:center;justify-content:space-between}.qr-scans{font-size:12px;color:var(--text-3)}.qr-expiry{font-size:12px;font-weight:500}.qr-expiry--lifetime{color:var(--text-3)}.qr-expiry--ok{color:var(--green)}.qr-expiry--warning{color:var(--amber)}.qr-expiry--urgent{color:var(--red)}.qr-expiry--expired{color:var(--red);font-weight:700}.qr-actions{display:flex;gap:6px;justify-content:flex-end}.btn-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font-size:15px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-icon:hover:not(:disabled){background:var(--bg-input);color:var(--text-1)}.btn-icon:disabled{opacity:.35;cursor:not-allowed}.btn-icon--edit:hover{border-color:var(--accent);color:var(--accent)}.btn-icon--delete:hover{border-color:var(--red);color:var(--red)}.btn-icon--resume:hover{border-color:var(--green);color:var(--green)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 24px;text-align:center}.empty-state-icon{font-size:48px;color:var(--text-3)}.empty-state h3{font-size:18px;font-weight:600}.empty-state p{color:var(--text-2);max-width:360px;font-size:14px;line-height:1.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--bg-modal);border:1px solid var(--border);border-radius:16px;width:100%;max-width:480px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.modal--wide{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:17px;font-weight:600}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-2);cursor:pointer;font-size:16px;border-radius:6px;transition:background .15s,color .15s}.modal-close:hover{background:var(--bg-input);color:var(--text-1)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:18px}.modal-subtitle{font-size:14px;color:var(--text-2)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.payment-footnote{text-align:center;font-size:12px;color:var(--text-3);padding:0 24px 16px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 600px){.plan-grid{grid-template-columns:1fr 1fr}}.plan-card{position:relative;padding:18px 16px;background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:10px}.plan-card:hover{border-color:var(--brand);background:var(--bg-card)}.plan-card--selected{border-color:var(--accent);background:#00ffb00d}.plan-card--current{border-color:var(--text-3);cursor:default;opacity:.6}.plan-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:600;background:var(--border);color:var(--text-2);padding:2px 8px;border-radius:99px}.plan-card h3{font-size:14px;font-weight:600}.plan-price{display:flex;align-items:baseline;gap:3px}.plan-price-amount{font-size:22px;font-weight:700}.plan-price-period{font-size:12px;color:var(--text-2)}.plan-features{list-style:none;display:flex;flex-direction:column;gap:5px}.plan-features li{font-size:12px;color:var(--text-2);padding-left:14px;position:relative}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--green);font-size:11px}.expired-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.expired-card{text-align:center;max-width:400px;width:100%;display:flex;flex-direction:column;gap:16px}.expired-icon{font-size:56px}.expired-card h1{font-size:22px;font-weight:600}.expired-card p{color:var(--text-2);font-size:15px;line-height:1.6}.expired-code{font-family:var(--font-mono);font-size:13px;color:var(--text-3)}.expired-footer{font-size:13px;color:var(--text-3);margin-top:16px}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.landing-page{font-family:Outfit,Inter,sans-serif;background-color:#070708;color:#f3f4f6;min-height:100vh}.landing-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#070708b3;border-bottom:1px solid rgba(255,255,255,.05)}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.header-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.logo-icon{width:32px;height:32px;object-fit:contain}.logo-wordmark{height:20px;object-fit:contain}.header-nav{display:flex;align-items:center;gap:24px}.header-nav a{color:#9ca3af;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.header-nav a:hover{color:var(--brand-light)}.hero-section{padding:120px 24px 80px;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.badge{background:#8b5cf61a;color:var(--brand-light);padding:6px 12px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.05em;border:1px solid rgba(139,92,246,.25)}.hero-content h1{font-size:56px;line-height:1.1;font-weight:800;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#c084fc,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:#9ca3af;font-size:18px;line-height:1.6;max-width:500px}.hero-actions{display:flex;gap:16px;width:100%}.btn--lg{padding:14px 28px;font-size:16px}.hero-stats{display:flex;gap:40px;margin-top:24px;border-top:1px solid rgba(255,255,255,.05);padding-top:24px}.hero-stat-item{display:flex;flex-direction:column}.hero-stat-item strong{font-size:28px;font-weight:800;color:#f3f4f6}.hero-stat-item span{font-size:12px;color:#6b7280}.hero-graphic{position:relative;display:flex;justify-content:center;align-items:center}.graphic-glow{position:absolute;width:350px;height:350px;background:radial-gradient(circle,#8b5cf633,#0000 70%);filter:blur(40px);z-index:-1}.hero-image{max-width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #00000080}.section-container{max-width:1200px;margin:0 auto;padding:80px 24px}.section-title{text-align:center;max-width:600px;margin:0 auto 56px;display:flex;flex-direction:column;align-items:center;gap:12px}.section-badge{font-size:11px;font-weight:700;color:var(--brand);letter-spacing:.1em}.section-title h2{font-size:36px;font-weight:800;letter-spacing:-.01em}.section-title p{color:#9ca3af;line-height:1.6}.demo-box{background:#121216;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;box-shadow:0 20px 40px -15px #0006}.demo-box h3{color:#f3f4f6}.demo-form{display:flex;flex-direction:column;gap:24px}.demo-form h3{font-size:20px;font-weight:700}.demo-instructions{background:#ffffff05;border-left:3px solid var(--brand);padding:16px;border-radius:0 8px 8px 0;font-size:14px;line-height:1.6;color:#9ca3af}.demo-preview{display:flex;justify-content:center}.demo-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 15px 30px #0000004d;text-align:center;width:228px}.demo-qr-wrap{background:#fff;padding:12px;border-radius:8px;margin-bottom:12px}.demo-qr-wrap canvas{width:100%!important;height:auto!important}.demo-qr-label{color:var(--brand);font-size:13px;font-weight:700;letter-spacing:-.01em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:32px;transition:transform .3s ease,border-color .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.feature-card:hover{transform:translateY(-4px);border-color:#8b5cf659;box-shadow:0 8px 30px #8b5cf60f}.feature-icon{font-size:32px;margin-bottom:20px}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:12px;color:#f3f4f6}.feature-card p{color:#9ca3af;font-size:14px;line-height:1.6}.pricing-section{background:#ffffff03}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;align-items:stretch}.price-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px 32px;display:flex;flex-direction:column;gap:24px;position:relative;transition:border-color .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.price-card h3{color:#f3f4f6}.price-card--featured{border-color:var(--brand);background:linear-gradient(180deg,#12121db3,#1e114580);box-shadow:0 20px 40px -15px #8b5cf633}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;font-size:10px;font-weight:800;padding:4px 12px;border-radius:9999px;letter-spacing:.05em}.price-card h3{font-size:22px;font-weight:700}.price-val{display:flex;align-items:baseline;gap:6px}.price-amt{font-size:40px;font-weight:800;color:#fff}.price-period{color:#6b7280;font-size:14px}.price-desc{color:#9ca3af;font-size:13px;min-height:38px;line-height:1.5}.price-features{list-style:none;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.05);padding-top:24px;flex-grow:1}.price-features li{font-size:13px;color:#9ca3af;padding-left:20px;position:relative}.price-features li:before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:700}.price-features li strong{color:#f3f4f6}.landing-footer{border-top:1px solid rgba(139,92,246,.1);padding:80px 24px 40px;background:linear-gradient(180deg,#05050800,#0a0a12f2);position:relative}.landing-footer:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.25),transparent)}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.footer-cols{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-col h4{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--text-1);letter-spacing:.08em;margin-bottom:4px}.footer-col a,.footer-col span.footer-legal-link,.footer-col span.footer-link-span{color:var(--text-3);text-decoration:none;font-size:13.5px;transition:all .2s ease;cursor:pointer}.footer-col a:hover,.footer-col span.footer-legal-link:hover,.footer-col span.footer-link-span:hover{color:var(--brand-light);padding-left:2px}.footer-logo-img{height:28px;width:auto;align-self:flex-start;display:block;filter:drop-shadow(0 0 8px rgba(139,92,246,.15))}.brand-col p{max-width:320px}.footer-ecosystem-list{display:flex;flex-wrap:wrap;gap:8px}.ecosystem-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.12);color:var(--text-2)!important;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none}.ecosystem-badge:hover{background:#8b5cf626!important;border-color:var(--brand-light)!important;color:var(--text-1)!important;transform:translateY(-1px);padding-left:10px!important}.footer-status-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#10b981;background:#10b9810f;border:1px solid rgba(16,185,129,.15);padding:6px 12px;border-radius:20px;margin-top:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 4px #10b981}50%{transform:scale(1.4);opacity:.5;box-shadow:0 0 10px #10b981}to{transform:scale(1);opacity:1;box-shadow:0 0 4px #10b981}}.footer-bottom{border-top:1px solid rgba(255,255,255,.04);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{font-size:13px;color:var(--text-3)}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.legal-main{flex:1;padding:80px 24px}.legal-container{max-width:800px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:48px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.legal-container h1{font-size:36px;font-weight:800;margin-bottom:8px}.legal-meta{font-size:13px;color:var(--text-3);margin-bottom:32px}.legal-content{display:flex;flex-direction:column;gap:28px}.legal-content h2{font-size:20px;font-weight:700;color:var(--text-1);margin-bottom:12px}.legal-content p,.legal-content ul{font-size:14px;color:var(--text-2);line-height:1.7}.legal-content ul{padding-left:20px;margin-top:8px}.legal-content li{margin-bottom:8px}.support-email-box{display:inline-block;background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);padding:12px 24px;border-radius:12px;margin-top:8px}.support-email-box a{color:var(--brand-light);font-weight:700;text-decoration:none}.support-email-box a:hover{text-decoration:underline}select.input option,.input option{background-color:#111118!important;color:var(--text-1)!important}@media (max-width: 768px){.footer-cols{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 480px){.footer-cols{grid-template-columns:1fr}.legal-container{padding:24px}}.subscription-main{max-width:1000px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:32px}.subscription-header h1{font-size:32px;font-weight:800;margin-bottom:8px;color:#fff}.subscription-header p{color:#9ca3af}.billing-summary-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px -10px #0000004d}.summary-left{display:flex;align-items:center;gap:24px}.plan-badge-large{background:var(--brand);color:#fff;padding:12px 24px;border-radius:8px;font-size:18px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.plan-details h3{font-size:20px;font-weight:700;margin-bottom:4px;color:#fff}.plan-details p{color:var(--text-2);font-size:14px}.summary-right{display:flex;gap:32px}.usage-stat{display:flex;flex-direction:column;align-items:center}.usage-num{font-size:32px;font-weight:800;color:#fff}.usage-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.usage-divider{width:1px;background:var(--border);align-self:stretch}.billing-error{max-width:1000px;margin:0 auto}.plan-upgrade-section h2{font-size:22px;font-weight:700;margin-bottom:24px;color:#fff}.admin-page{min-height:100vh;background-color:var(--bg);color:var(--text-1)}.admin-badge{background:#d97706;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;margin-left:8px;vertical-align:middle}.admin-tabs-bar{background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;gap:8px;padding:0 24px}.admin-tab-btn{background:none;border:none;color:var(--text-2);padding:16px 20px;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.admin-tab-btn:hover{color:#fff}.admin-tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.admin-main{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.admin-stats-tab{display:flex;flex-direction:column;gap:40px}.stats-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:8px}.stats-card h3{font-size:14px;font-weight:600;color:var(--text-2)}.stat-num{font-size:36px;font-weight:800;color:#fff}.stat-sub{font-size:12px;color:var(--text-3)}.admin-sub-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:24px}.admin-sub-section h2{font-size:20px;font-weight:700;color:#fff}.plan-dist-list{display:flex;flex-direction:column;gap:16px}.plan-dist-row{display:flex;align-items:center;gap:16px}.plan-dist-bar-wrap{flex-grow:1;height:10px;background:#ffffff0d;border-radius:9999px;overflow:hidden}.plan-dist-bar{height:100%;background:var(--brand);border-radius:9999px}.plan-dist-count{font-size:13px;color:var(--text-2);min-width:150px;text-align:right}.search-row{margin-bottom:24px}.search-input{max-width:400px;width:100%}.table-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px -10px #0000004d}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th,.admin-table td{padding:16px 24px;border-bottom:1px solid var(--border);font-size:14px}.admin-table th{background:#ffffff05;font-weight:700;color:var(--text-2)}.admin-table tbody tr{color:var(--text-1)}.admin-table tbody tr:last-child td{border-bottom:none}.user-table-cell{display:flex;align-items:center}.sub-text{font-size:12px;color:var(--text-3)}.url-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-cell a{color:var(--brand);text-decoration:none}.url-cell a:hover{text-decoration:underline}.status-badge-static{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.status-badge-static.active{background:#8b5cf626;color:var(--brand-light)}.status-badge-static.paused{background:#ef444426;color:#ef4444}@media (max-width: 768px){.hero-container,.demo-box,.pricing-grid{grid-template-columns:1fr}.hero-content h1{font-size:38px}.billing-summary-card{flex-direction:column;gap:24px;align-items:stretch}.summary-right{justify-content:space-around}.hero-visual{height:350px!important;width:100%!important;margin-top:24px}.floating-card{transform:scale(.85)!important}.floating-card--analytics{top:-10px!important;left:-20px!important}.floating-card--live{top:-20px!important;right:-20px!important}.floating-card--reach{bottom:-10px!important;left:-20px!important}.floating-card--devices{bottom:-20px!important;right:-20px!important}}.capsule-badge{display:inline-flex;align-items:center;background:#0d0d17b3;border:1px solid rgba(139,92,246,.25);padding:6px 16px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-2);text-transform:uppercase}.capsule-badge span{color:#fff}.capsule-badge .divider{margin:0 8px;color:#8b5cf666}.capsule-badge .active-text{color:var(--accent)}.avatar-group-container{display:flex;align-items:center;gap:16px;margin-top:12px}.avatar-group{display:flex;align-items:center}.avatar-group-item{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg);object-fit:cover;margin-left:-8px}.avatar-group-item:first-child{margin-left:0}.avatar-group-more{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);margin-left:-8px}.avatar-group-label{font-size:13px;color:var(--text-2)}.avatar-group-label strong{color:var(--accent)}.hero-visual{position:relative;width:100%;height:480px;display:flex;justify-content:center;align-items:center;perspective:1200px;transform-style:preserve-3d}.visual-orbit-container{position:absolute;width:380px;height:380px;display:flex;justify-content:center;align-items:center;transform:rotateX(65deg) rotateY(0) rotate(0);transform-style:preserve-3d}.visual-glow-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,#8b5cf659,#0000 70%);filter:blur(35px);z-index:1}.visual-orbit{position:absolute;border:1px dashed rgba(139,92,246,.15);border-radius:50%;z-index:2}.visual-orbit--1{width:340px;height:340px;animation:rotate-clockwise 30s linear infinite}.visual-orbit--2{width:240px;height:240px;border-style:solid;border-color:#8b5cf614;animation:rotate-counter-clockwise 20s linear infinite}.visual-radar-grid{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,transparent 30%,rgba(139,92,246,.02) 60%,rgba(139,92,246,.05) 100%),linear-gradient(to right,transparent 49.5%,rgba(139,92,246,.1) 49.5%,rgba(139,92,246,.1) 50.5%,transparent 50.5%),linear-gradient(to bottom,transparent 49.5%,rgba(139,92,246,.1) 49.5%,rgba(139,92,246,.1) 50.5%,transparent 50.5%);z-index:2}.visual-hexagon-wrap{position:relative;z-index:3;filter:drop-shadow(0 0 25px rgba(139,92,246,.5));animation:float-logo 5s ease-in-out infinite;transform-style:preserve-3d}.visual-hexagon-glowing{width:140px;height:140px;background:linear-gradient(135deg,#a78bfa,#8b5cf6,#6d28d9);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;padding:3px}.visual-hexagon-inner{width:100%;height:100%;background:#0d0d16;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center}.visual-hexagon-icon{width:60%;height:60%;color:#a78bfa}.floating-card{position:absolute;background:#0d0d17bf;border:1px solid rgba(139,92,246,.22);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 35px #0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:4;transform-style:preserve-3d}.floating-card-icon-wrap{width:32px;height:32px;border-radius:8px;background:#8b5cf61f;color:#a78bfa;display:flex;align-items:center;justify-content:center}.floating-card-text{display:flex;flex-direction:column}.floating-card-label{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.floating-card-val{font-size:13px;font-weight:700;color:#fff}.floating-card--analytics{top:40px;left:10px;animation:float-y-1 6s ease-in-out infinite}.floating-card--live{top:80px;right:0;animation:float-y-2 7s ease-in-out infinite}.floating-card--live .floating-card-icon-wrap{color:#10b981;background:#10b9811f;animation:pulse-green 2s infinite}.floating-card--reach{bottom:60px;left:-10px;animation:float-y-2 8s ease-in-out infinite}.floating-card--devices{bottom:50px;right:-20px;animation:float-y-1 9s ease-in-out infinite}@keyframes rotate-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-counter-clockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes float-logo{0%,to{transform:translateY(0) translateZ(40px)}50%{transform:translateY(-10px) translateZ(55px)}}@keyframes float-y-1{0%,to{transform:translateY(0) translateZ(50px)}50%{transform:translateY(-8px) translateZ(65px)}}@keyframes float-y-2{0%,to{transform:translateY(0) translateZ(70px)}50%{transform:translateY(8px) translateZ(85px)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 8px 2px #10b98133}}.caps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}@media (max-width: 1024px){.caps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.caps-grid{grid-template-columns:1fr}}.caps-card{background:#0d0d178c;border:1px solid rgba(139,92,246,.12);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .3s,box-shadow .3s,transform .3s}.caps-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 8px 30px #8b5cf61f}.caps-icon-wrap{width:44px;height:44px;border-radius:10px;background:#8b5cf614;color:#a78bfa;display:flex;align-items:center;justify-content:center}.caps-card h3{font-size:16px;font-weight:700;color:#fff}.caps-card p{font-size:13px;color:var(--text-2);line-height:1.6}.greeting-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#8b5cf61f,#1e1e32cc);border:1px solid rgba(139,92,246,.25);border-radius:20px;padding:28px 32px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.greeting-left{display:flex;align-items:center;gap:18px}.greeting-avatar{width:64px;height:64px;border-radius:50%;border:2px solid rgba(139,92,246,.5)}.greeting-text h2{font-size:22px;font-weight:700;margin-bottom:4px}.greeting-text p{color:var(--text-2);font-size:13px}.gradient-text{background:linear-gradient(90deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.greeting-right{display:flex;align-items:center;gap:32px}.greeting-stats{display:flex;gap:28px}.greeting-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.greeting-stat strong{font-size:22px;font-weight:700;color:var(--text-1)}.greeting-stat span{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.usage-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.usage-ring{width:80px;height:80px;filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}.usage-ring-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.plan-features-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px 24px;margin-bottom:8px}.plan-features-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.plan-feature-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--card-border);background:#ffffff05;position:relative;transition:border-color .2s}.plan-feature-item.locked{opacity:.55}.plan-feature-item.unlocked{border-color:#8b5cf633}.plan-feature-icon{font-size:18px;flex-shrink:0}.plan-feature-name{font-size:13px;font-weight:600;color:var(--text-1)}.plan-feature-desc{font-size:11px;color:var(--text-3)}.plan-gate{position:relative}.plan-gate-blur>*{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}.plan-gate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05050899;border-radius:inherit;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.plan-gate-badge{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--card-border);padding:8px 16px;border-radius:99px}.plan-gate-lock{font-size:16px}.plan-gate-label{font-size:13px;font-weight:600;color:var(--text-1)}.plan-lock-chip{font-size:11px;cursor:pointer;background:#8b5cf626;color:var(--brand-light);border:1px solid rgba(139,92,246,.3);padding:2px 8px;border-radius:99px;white-space:nowrap;transition:background .2s}.plan-lock-chip:hover{background:#8b5cf64d}.feature-locked-hint{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#8b5cf60f;border:1px dashed rgba(139,92,246,.3);border-radius:10px;font-size:13px;color:var(--text-2)}.qr-short-url-row{display:flex;align-items:center;gap:6px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:5px 10px;margin:8px 0 6px}.qr-short-url-icon{font-size:12px;flex-shrink:0}.qr-short-url{font-size:11px;color:var(--brand-light);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,Fira Code,monospace}.btn-icon--copy.copied{color:#10b981}.qr-scans--analytics{color:var(--brand-light);font-size:12px;font-weight:600}.qr-scans--locked{color:var(--text-3);font-size:12px;cursor:pointer;text-decoration:underline dotted}.qr-scans--locked:hover{color:var(--brand-light)}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.admin-kpi-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.admin-kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.admin-kpi-card--purple{border-color:#8b5cf64d;box-shadow:0 0 20px #8b5cf614}.admin-kpi-card--blue{border-color:#3b82f64d;box-shadow:0 0 20px #3b82f614}.admin-kpi-card--green{border-color:#10b9814d;box-shadow:0 0 20px #10b98114}.admin-kpi-card--amber{border-color:#f59e0b4d;box-shadow:0 0 20px #f59e0b14}.admin-kpi-icon{font-size:28px;margin-bottom:8px}.admin-kpi-value{font-size:32px;font-weight:800;color:var(--text-1);line-height:1;margin-bottom:4px}.admin-kpi-label{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}.admin-kpi-sub{font-size:11px;color:var(--text-3);margin-top:4px}.admin-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.admin-toolbar-count{font-size:13px;color:var(--text-3);white-space:nowrap}.admin-table-row.row--premium{background:#8b5cf60a}.admin-table-row.row--premium:hover{background:#8b5cf614}.scan-count-badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700}.scan-high{background:#8b5cf633;color:#a78bfa}.scan-med{background:#10b98126;color:#10b981}.scan-low{background:#64647833;color:var(--text-3)}.admin-health-grid{display:flex;flex-direction:column;gap:10px}.admin-health-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}.health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.health-dot--green{background:#10b981;box-shadow:0 0 6px #10b98199}.health-dot--amber{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.health-dot--red{background:#ef4444;box-shadow:0 0 6px #ef444499}.billing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0 32px}.billing-toggle-label{font-size:14px;color:var(--text-2);font-weight:500}.billing-toggle-label.active{color:var(--text-1);font-weight:700}.billing-toggle-btn{position:relative;width:52px;height:28px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:99px;cursor:pointer;transition:background .3s}.billing-toggle-btn.on{background:var(--brand);border-color:var(--brand)}.billing-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 1px 4px #0000004d}.billing-toggle-btn.on .billing-toggle-thumb{transform:translate(24px)}.billing-save-badge{display:inline-block;background:linear-gradient(90deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:99px;margin-left:6px}.plan-card--popular{border-color:#8b5cf680!important;box-shadow:0 0 30px #8b5cf626!important}.plan-badge--active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4)}.plan-badge--popular{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.4)}.plan-yearly-equiv{font-size:12px;color:var(--text-3);margin:-8px 0 12px;text-align:center}.subscription-intl-note{text-align:center;margin-top:32px;padding:16px;background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;font-size:13px;color:var(--text-3);line-height:1.8}.subscription-intl-note a{color:var(--brand-light)}@media (max-width: 768px){.greeting-card{flex-direction:column;align-items:flex-start}.greeting-right{flex-direction:row;flex-wrap:wrap;gap:16px}.admin-kpi-grid,.plan-features-grid{grid-template-columns:1fr 1fr}.billing-toggle-wrap{flex-wrap:wrap}}@media (max-width: 480px){.admin-kpi-grid,.plan-features-grid{grid-template-columns:1fr}.greeting-stats{gap:16px}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 10%,rgba(139,92,246,.15) 0%,transparent 55%),radial-gradient(ellipse at 20% 90%,rgba(192,132,252,.08) 0%,transparent 50%),var(--bg);padding:24px}.login-card{width:100%;max-width:420px;background:#0d0d17d9;border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:48px 40px 36px;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 0 1px #8b5cf614,0 32px 80px #00000080,0 0 60px #8b5cf60f}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:20px}.login-logo-icon{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(139,92,246,.5))}.login-title{font-family:var(--font);font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--text-1);margin-bottom:8px}.login-tagline{font-size:14px;color:var(--text-3);margin-bottom:36px;line-height:1.5}.btn-google-signin{display:flex;align-items:center;justify-content:center;width:100%;padding:13px 20px;background:#fff;color:#3c4043;border:none;border-radius:12px;font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 12px #00000040,0 1px 3px #00000026;letter-spacing:.01em}.btn-google-signin:hover:not(:disabled){background:#f8f8f8;box-shadow:0 4px 20px #0000004d,0 2px 6px #0003;transform:translateY(-1px)}.btn-google-signin:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 6px #0003}.btn-google-signin:disabled{opacity:.7;cursor:not-allowed}.btn-google-inner{display:flex;align-items:center;gap:12px}.btn-google-spinner{width:18px;height:18px;border:2px solid rgba(60,64,67,.25);border-top-color:#4285f4;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:var(--text-3);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff0f}.login-notice{font-size:12px;color:var(--text-3);line-height:1.6}.mouse-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(139,92,246,.05),transparent 80%);opacity:0;transition:opacity .5s ease}body:hover .mouse-glow{opacity:1}.footer-engineered-by{font-size:13.5px!important;color:var(--text-3);font-weight:500;letter-spacing:.01em}.nuera-backlink{color:var(--brand-light)!important;font-weight:700;text-decoration:none!important;padding-left:4px;letter-spacing:.05em;transition:all .2s ease-in-out;display:inline-block}.nuera-backlink:hover{color:#c084fc!important;text-shadow:0 0 12px rgba(167,139,250,.6);transform:translateY(-.5px);padding-left:6px!important}