.logo-section{display:flex;align-items:center;gap:.75rem;text-decoration:none;cursor:pointer}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:550;font-size:1rem;transition:var(--transition);position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition)}.nav-links a.active{color:var(--primary)}.nav-links a.active:after{width:100%}.nav-login-btn{padding:.5rem 1.25rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:.5rem;transition:var(--transition)}.nav-login-btn:after{display:none}.nav-login-btn:hover{background:#ffffff1a;border-color:var(--border-hover)}@media (max-width: 768px){.nav-links{display:none}}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;text-decoration:none}.footer-social a{width:40px;height:40px;border-radius:.5rem;background:#ffffff0d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition);text-decoration:none}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.footer-links{grid-template-columns:1fr}}.video-modal-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.video-modal-content{position:relative;width:100%;max-width:1200px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-modal-close{position:absolute;top:-50px;right:0;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .3s ease;z-index:10}.video-modal-close:hover{background:#ef4444e6;border-color:#ef4444;transform:rotate(90deg)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;box-shadow:0 25px 50px -12px #000c;border:2px solid rgba(99,102,241,.3)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px}@media (max-width: 768px){.video-modal-overlay{padding:1rem}.video-modal-close{top:-45px;width:40px;height:40px;font-size:1.1rem}.video-wrapper{border-radius:12px}}@media (max-width: 480px){.video-modal-overlay{padding:.5rem}.video-modal-close{top:-40px;width:36px;height:36px;font-size:1rem}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #10b981;--secondary-dark: #059669;--accent: #8b5cf6;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--bg-primary: #0a0e27;--bg-secondary: #0f1629;--bg-tertiary: #1a1f3a;--bg-card: #141829;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(99, 102, 241, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modern-landing{width:100%;overflow-x:hidden}.modern-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e27cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem 0}.nav-wrapper{display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:.75rem}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.cta-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #6366f14d}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.hero-modern{position:relative;padding:10rem 0 6rem;overflow:hidden;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.hero-bg-effects{position:absolute;inset:0;overflow:hidden;z-index:0}.orb-2{width:400px;height:400px;background:var(--gradient-success);top:200px;right:-150px;animation-delay:-5s}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.badge-pill{display:inline-flex;align-items:center;gap:.5rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);padding:.5rem 1rem;border-radius:2rem;color:var(--primary-light);font-size:.875rem;font-weight:600;margin-bottom:1.5rem;width:fit-content}.hero-heading{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.highlight-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtext{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2.5rem;max-width:90%}.hero-cta-group{display:flex;gap:1rem;margin-bottom:2.5rem}.btn-hero-primary{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.05rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 16px #6366f166}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #6366f180}.btn-hero-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color);padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.05rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-hero-secondary:hover{background:#ffffff1a;border-color:var(--border-hover)}.home-trust-badges{display:flex;gap:2rem;flex-wrap:wrap}.home-trust-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.home-trust-icon{color:var(--success);font-size:1.1rem;flex-shrink:0}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.phone-mockup{position:relative;z-index:2}.iphone-frame{width:360px;height:720px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a,#0a0a0a);border-radius:2.75rem;padding:10px;box-shadow:0 0 0 1px #ffffff1a,0 0 0 6px #000000e6,0 25px 70px #000000e6,inset 0 0 2px #ffffff1a;position:relative;box-sizing:border-box}.iphone-frame:before{content:"";position:absolute;top:16px;left:50%;transform:translate(-50%);width:120px;height:32px;background:#000;border-radius:18px;z-index:100;box-shadow:inset 0 2px 4px #000c,0 0 0 1px #ffffff0d}.iphone-frame:after{content:"";position:absolute;top:25px;left:50%;transform:translate(-50%);width:7px;height:7px;background:radial-gradient(circle,#1a1a3a,#000 70%);border-radius:50%;z-index:101}.status-bar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:center;padding:8px 22px 0;color:#fff;font-size:13px;font-weight:600;z-index:99}.status-bar .time{font-weight:600;letter-spacing:.5px}.status-icons{display:flex;gap:6px;align-items:center}.signal-icon,.wifi-icon{opacity:.9}.battery-icon{display:flex;align-items:center;gap:1px}.battery-body{width:24px;height:11px;border:1.5px solid rgba(255,255,255,.9);border-radius:3px;padding:1.5px;position:relative}.battery-level{width:100%;height:100%;background:#fff;border-radius:1.5px}.battery-tip{width:2px;height:6px;background:#ffffffe6;border-radius:0 2px 2px 0}.iphone-screen{width:100%;height:100%;background:linear-gradient(180deg,#0a0a0a,#000);border-radius:2.6rem;overflow:hidden;display:flex;flex-direction:column;position:relative}.app-header{display:flex;align-items:center;gap:10px;padding:58px 18px 12px;background:#0a0a0af2}.app-icon{font-size:22px;color:var(--primary)}.app-header h3{font-size:17px;font-weight:600;color:#fff}.scanner-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 18px;background:#000}.scanner-frame{position:relative;width:220px;height:220px;margin-bottom:12px}.qr-code-real{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0009,inset 0 1px 2px #ffffff0d;border:2px solid rgba(99,102,241,.2);position:relative;overflow:hidden;animation:qrShake 3s ease-in-out infinite}@keyframes qrShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(1px,-1px) rotate(.5deg)}50%{transform:translate(-1px,1px) rotate(-.5deg)}75%{transform:translate(1px,1px) rotate(.3deg)}}.qr-code-real:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.qr-svg{width:100%;height:100%;display:block;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.scanner-overlay{position:absolute;inset:0;pointer-events:none}.scan-corners{position:absolute;inset:0}.corner{position:absolute;width:50px;height:50px;border:4px solid var(--primary);animation:cornerPulse 2s ease-in-out infinite}.corner-tl{top:-4px;left:-4px;border-right:none;border-bottom:none;border-radius:16px 0 0}.corner-tr{top:-4px;right:-4px;border-left:none;border-bottom:none;border-radius:0 16px 0 0}.corner-bl{bottom:-4px;left:-4px;border-right:none;border-top:none;border-radius:0 0 0 16px}.corner-br{bottom:-4px;right:-4px;border-left:none;border-top:none;border-radius:0 0 16px}@keyframes cornerPulse{0%,to{opacity:.6;filter:drop-shadow(0 0 8px var(--primary))}50%{opacity:1;filter:drop-shadow(0 0 16px var(--primary))}}.scan-line-modern{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary) 10%,var(--primary-light) 50%,var(--primary) 90%,transparent 100%);box-shadow:0 0 20px var(--primary),0 0 40px #6366f199,0 4px 20px #6366f166;animation:scanModern 2s ease-in-out infinite}.scan-line-modern:before{content:"";position:absolute;top:-30px;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.2) 30%,rgba(99,102,241,.4) 50%,rgba(99,102,241,.2) 70%,transparent 100%);filter:blur(8px)}@keyframes scanModern{0%{transform:translateY(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(220px);opacity:0}}.scan-instruction{color:#ffffffb3;font-size:13px;text-align:center;margin-top:6px}.verification-result{padding:14px 18px;background:#0a0a0af2;opacity:1;transform:translateY(0)}.result-icon-wrapper{width:52px;height:52px;margin:0 auto 10px;background:linear-gradient(135deg,#10b98133,#10b9810d);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #10b9814d}.result-icon{font-size:26px;color:var(--success)}.result-title{font-size:18px;font-weight:700;color:var(--success);text-align:center;margin-bottom:4px}.result-subtitle{font-size:13px;color:#fff9;text-align:center;margin-bottom:14px}.product-info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-item:last-child{border-bottom:none}.info-label{font-size:13px;color:#ffffff80}.info-value{font-size:14px;font-weight:600;color:#fff}.success-text{color:var(--success)}.floating-stats{position:absolute;display:flex;flex-direction:column;gap:1rem;right:-80px;top:50%;transform:translateY(-50%)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1rem 1.5rem;box-shadow:var(--shadow-lg);animation:float 3s ease-in-out infinite}.stat-card:nth-child(2){animation-delay:-1.5s}.stat-number{font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:var(--text-muted);white-space:nowrap}section{padding:6rem 0}.home-section-intro{margin-bottom:4rem}.home-intro-centered{text-align:center}.home-section-badge{display:inline-flex;align-items:center;gap:.5rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);padding:.5rem 1rem;border-radius:2rem;color:var(--primary-light);font-size:.875rem;font-weight:600;margin-bottom:1rem}.home-badge-danger{background:#ef44441a;border-color:#ef44444d;color:var(--danger)}.home-badge-success{background:#10b9811a;border-color:#10b9814d;color:var(--success)}.home-section-title{font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}.home-section-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;max-width:700px}.home-intro-centered .home-section-subtitle{margin:0 auto}.home-problem-section{background:var(--bg-secondary)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.problem-card{background:var(--bg-card);border:1px solid rgba(239,68,68,.2);border-left:4px solid var(--danger);border-radius:1rem;padding:2rem;transition:var(--transition)}.problem-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--danger)}.problem-icon-wrapper{width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1.5rem;background:#ef44441a;color:var(--danger)}.problem-card h3{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--danger)}.problem-desc{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.problem-impact{display:inline-flex;align-items:center;gap:.5rem;background:#ef44441a;padding:.5rem 1rem;border-radius:.5rem;color:var(--danger);font-size:.875rem;font-weight:600}.problem-details{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.detail-box{display:flex;gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:var(--transition)}.detail-box:hover{border-color:var(--border-hover);transform:translateY(-3px)}.detail-icon{font-size:1.5rem;color:var(--danger);flex-shrink:0;margin-top:.25rem}.detail-box h4{font-size:1.1rem;margin-bottom:.5rem}.detail-box p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.home-solution-section{background:var(--bg-primary)}.home-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.home-solution-showcase{display:flex;flex-direction:column;gap:1.5rem}.home-showcase-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.home-showcase-card:hover{transform:translate(-10px);box-shadow:var(--shadow-lg)}.home-card-header{padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.home-header-success{background:#10b9811a;color:var(--success);border-bottom:1px solid rgba(16,185,129,.2)}.home-header-warning{background:#ef44441a;color:var(--danger);border-bottom:1px solid rgba(239,68,68,.2)}.home-card-body{padding:1.5rem}.home-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;font-weight:600;margin-bottom:1.5rem}.home-badge-authentic{background:#10b9811a;color:var(--success);border:2px solid var(--success)}.home-badge-counterfeit{background:#ef44441a;color:var(--danger);border:2px solid var(--danger)}.home-product-info{display:flex;flex-direction:column;gap:.75rem}.home-info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:.9rem}.home-info-row:last-child{border-bottom:none}.home-info-row span{color:var(--text-muted)}.home-info-row strong{color:var(--text-primary)}.home-warning-message{background:#ef44440d;border-left:3px solid var(--danger);padding:1rem;border-radius:.5rem}.home-warning-message p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.home-warning-message strong{color:var(--danger)}.home-features-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.home-feature-item{display:flex;gap:1rem;align-items:flex-start}.home-feature-icon{width:48px;height:48px;border-radius:.75rem;background:#6366f11a;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.25rem;flex-shrink:0}.home-feature-text h4{font-size:1.1rem;margin-bottom:.25rem}.home-feature-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.features-section{background:var(--bg-secondary)}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:var(--transition);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:var(--transition)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.feature-card-icon{width:64px;height:64px;border-radius:1rem;background:#6366f11a;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.75rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.feature-card>p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.feature-benefits{list-style:none;display:flex;flex-direction:column;gap:.75rem}.feature-benefits li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.how-it-works{background:var(--bg-primary)}.steps-timeline{display:flex;align-items:flex-start;justify-content:space-between;position:relative;max-width:1100px;margin:0 auto}.step-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-number{width:64px;height:64px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 8px 24px #6366f166;position:relative;z-index:2}.step-connector{flex:1;height:3px;background:var(--gradient-primary);margin:32px 1rem 0;position:relative;top:0}.step-icon{width:80px;height:80px;border-radius:1rem;background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary);margin:0 auto 1.5rem}.step-content h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.step-features span{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.home-industries-section{background:var(--bg-secondary)}.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.industry-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:var(--transition);text-align:center}.industry-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.industry-icon{font-size:3rem;color:var(--primary);margin-bottom:1.5rem}.industry-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.industry-card>p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.industry-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.industry-tags span{background:#6366f11a;color:var(--primary-light);padding:.4rem .8rem;border-radius:.5rem;font-size:.8rem;font-weight:500}.home-testimonials-section{background:var(--bg-primary)}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:var(--transition);position:relative}.testimonial-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.stars{display:flex;gap:.25rem;color:#fbbf24;margin-bottom:1.5rem;font-size:1.1rem}.testimonial-text{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-style:italic;font-size:.95rem}.author-avatar{width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.author-info h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.author-info p{font-size:.875rem;color:var(--text-muted)}.pricing-section{background:var(--bg-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2.5rem;transition:var(--transition);position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border:2px solid var(--primary);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #6366f166}.pricing-header h3{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.pricing-header p{color:var(--text-muted);font-size:.95rem}.pricing-price{text-align:center;margin-bottom:2rem;display:flex;align-items:flex-start;justify-content:center;gap:.25rem}.currency{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin-top:.5rem}.amount{font-size:4rem;font-weight:800;line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.period{font-size:1.1rem;color:var(--text-muted);align-self:flex-end;margin-bottom:.75rem}.custom{font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-features{list-style:none;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.pricing-features li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.95rem}.pricing-features li svg{color:var(--success);flex-shrink:0}.pricing-btn{width:100%;padding:1rem;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color)}.pricing-btn:hover{background:#ffffff1a;border-color:var(--border-hover)}.pricing-btn.primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 16px #6366f166}.pricing-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.home-faq-section{background:var(--bg-secondary)}.faq-wrapper{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;transition:var(--transition)}.faq-item:hover{border-color:var(--border-hover)}.faq-item.active{border-color:var(--primary)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;gap:1rem}.faq-question h4{font-size:1.1rem;font-weight:600;flex:1}.faq-question svg{color:var(--primary);font-size:1.25rem;flex-shrink:0}.faq-answer{padding:0 1.5rem 1.5rem;animation:fadeIn .3s ease-in}.faq-answer p{color:var(--text-secondary);line-height:1.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home-final-cta{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:6rem 0;text-align:center;position:relative;overflow:hidden}.home-final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.15) 0%,transparent 70%)}.cta-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.cta-icon-large{font-size:4rem;color:var(--primary);margin-bottom:1.5rem}.cta-content h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.cta-content>p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.btn-cta-primary{background:var(--gradient-primary);color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:.75rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:var(--transition);box-shadow:0 4px 16px #6366f166}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #6366f180}.btn-cta-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color);padding:1.25rem 2.5rem;border-radius:.75rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:var(--transition)}.btn-cta-secondary:hover{background:#ffffff1a;border-color:var(--border-hover)}.cta-trust-line{display:flex;gap:2rem;justify-content:center;color:var(--text-muted);font-size:.9rem}.cta-trust-line span{display:flex;align-items:center;gap:.5rem}.cta-trust-line svg{color:var(--success)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 3fr;gap:4rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.footer-logo .logo-icon{font-size:1.75rem;color:var(--primary)}.footer-logo span{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand>p{color:var(--text-secondary);line-height:1.6;max-width:300px}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social a{width:40px;height:40px;border-radius:.5rem;background:#ffffff0d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition)}.footer-social a:hover{background:#6366f11a;border-color:var(--primary);color:var(--primary)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.footer-column a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:.75rem;font-size:.9rem;transition:var(--transition)}.footer-column a:hover{color:var(--primary);transform:translate(3px)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;text-align:center;color:var(--text-muted);font-size:.9rem}@media (max-width: 1200px){.iphone-frame{width:340px;height:auto}.floating-stats{right:-60px}}@media (max-width: 1024px){.hero-grid,.solution-grid{grid-template-columns:1fr;gap:3rem}.iphone-frame{width:360px;height:auto}.floating-stats{position:static;flex-direction:row;justify-content:center;margin-top:2rem;transform:none}.features-grid,.industries-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.problem-grid,.problem-details{grid-template-columns:1fr}.steps-timeline{flex-direction:column;gap:3rem}.step-connector{display:none}.pricing-grid{grid-template-columns:1fr;max-width:500px}.pricing-card.featured{transform:scale(1)}.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:0 1.5rem}.nav-links{display:none}.hero-modern{padding:8rem 0 4rem}.hero-heading{font-size:2.5rem}.hero-subtext{font-size:1.1rem;max-width:100%}.hero-cta-group{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.trust-badges{flex-direction:column;gap:1rem}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:0 1rem}.phone-mockup{position:relative;z-index:2}.iphone-frame{width:280px;height:560px}.floating-stats{position:absolute;flex-direction:column;gap:0;top:50%;transform:translateY(-50%);width:100%;left:0;right:0;pointer-events:none}.floating-stats .stat-card{pointer-events:auto}.floating-stats .stat-card:first-child{position:absolute;left:-15px;top:-40px}.floating-stats .stat-card:last-child{position:absolute;right:-15px;top:40px}.iphone-frame:before{width:100px;height:26px;top:14px}.iphone-frame:after{top:21px;width:6px;height:6px}.status-bar{height:50px;padding:6px 20px 0;font-size:12px}.status-icons{gap:5px}.signal-icon,.wifi-icon{width:16px;height:auto}.battery-body{width:22px;height:10px}.scanner-frame{width:180px;height:180px}@keyframes scanModern{0%{transform:translateY(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(180px);opacity:0}}.corner{width:35px;height:35px;border-width:3px}.app-header{padding:58px 16px 10px}.app-icon{font-size:20px}.app-header h3{font-size:15px}.result-title{font-size:16px}.result-icon-wrapper{width:48px;height:48px}.result-icon{font-size:24px}.product-info-card{padding:10px}.stat-card{padding:.75rem 1rem;font-size:.85rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.7rem}.section-title{font-size:2rem}.section-subtitle{font-size:1.1rem}.features-grid,.industries-grid,.testimonials-grid{grid-template-columns:1fr}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%}.cta-trust-line{flex-direction:column;gap:1rem}.footer-links{grid-template-columns:1fr}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #10b981;--accent: #8b5cf6;--success: #10b981;--error: #ef4444;--bg-primary: #0a0e27;--bg-secondary: #0f1629;--bg-card: #141829;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(99, 102, 241, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.auth-page{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}.auth-bg-effects{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--gradient-primary);top:-200px;left:-100px}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#10b981,#059669);top:200px;right:-150px;animation-delay:-5s}.orb-3{width:300px;height:300px;background:var(--accent);bottom:-100px;left:50%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.auth-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e27cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem 0}.auth-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{font-size:2rem;color:var(--primary)}.logo-text{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-content{position:relative;z-index:1;padding:8rem 0 4rem;min-height:100vh;display:flex;align-items:center}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.auth-grid-centered{grid-template-columns:1fr;max-width:600px;margin:0 auto}.auth-info{display:flex;flex-direction:column;gap:2rem}.auth-info-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}.auth-info-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.auth-features{display:flex;flex-direction:column;gap:1.5rem}.auth-feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-icon-wrapper{width:48px;height:48px;border-radius:.75rem;background:#6366f11a;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.25rem;flex-shrink:0}.auth-feature-item h4{font-size:1.1rem;margin-bottom:.25rem;font-weight:600}.auth-feature-item p{color:var(--text-secondary);font-size:.95rem}.signup-progress{margin-top:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid var(--border-color);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-steps{display:flex;align-items:center;justify-content:center;gap:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:var(--transition)}.step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;transition:var(--transition);background:transparent;border:2px solid var(--border-color);color:var(--text-muted)}.progress-step.completed .step-circle{background:var(--gradient-primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 16px #6366f166}.step-title{font-size:.8rem;font-weight:600;color:var(--text-muted);transition:var(--transition);white-space:nowrap}.progress-step.completed .step-title{color:var(--text-primary)}.step-connector{width:80px;height:2px;background:var(--border-color);margin:0 1rem;position:relative;top:-10px}.auth-form-container{display:flex;justify-content:center}.auth-form-centered{width:100%}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;padding:2.5rem;box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto}.auth-card-header{text-align:center;margin-bottom:1.5rem}.auth-card-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.4rem}.auth-card-header p{color:var(--text-secondary);font-size:.9rem}.alert{padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-muted);font-size:1rem;pointer-events:none;z-index:1}.input-wrapper input,.input-wrapper .select-input{width:100%;padding:.75rem 1rem .75rem 2.5rem!important;background:#ffffff0d;border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.95rem;transition:var(--transition)}.input-wrapper input:focus,.input-wrapper .select-input:focus{outline:none;border-color:var(--primary);background:#ffffff14}.input-wrapper input::placeholder{color:var(--text-muted)}.select-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.select-input option{background:var(--bg-card);color:var(--text-primary);padding:.5rem}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;transition:var(--transition)}.password-toggle:hover{color:var(--primary)}.form-hint{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.file-upload-wrapper{position:relative}.file-input{display:none}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#ffffff0d;border:2px dashed var(--border-color);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.file-upload-label:hover{border-color:var(--primary);background:#6366f10d;color:var(--primary)}.form-options{display:flex;justify-content:space-between;align-items:center;margin:-.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.forgot-link{color:var(--primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition)}.forgot-link:hover{color:var(--primary-light)}.btn-auth-primary{background:var(--gradient-primary);color:#fff;border:none;padding:.875rem 2rem;border-radius:.75rem;font-weight:500;font-size:.95rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 16px #6366f166}.btn-auth-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-auth-primary:disabled{opacity:.6;cursor:not-allowed}.btn-auth-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color);padding:.875rem 2rem;border-radius:.75rem;font-weight:500;font-size:.95rem;cursor:pointer;transition:var(--transition)}.btn-auth-secondary:hover{background:#ffffff1a;border-color:var(--border-hover)}.form-actions{display:flex;gap:.75rem}.form-actions .btn-auth-primary,.form-actions .btn-auth-secondary{flex:1;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-secondary);font-size:.95rem}.auth-link{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.auth-link:hover{color:var(--primary-light)}.inline-link{color:var(--primary);text-decoration:none;font-weight:500}.inline-link:hover{text-decoration:underline}.resend-code{text-align:center;margin-top:1rem}.link-button{background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:underline;transition:var(--transition)}.link-button:hover{color:var(--primary-light)}.success-state{text-align:center;padding:2rem 0}.success-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#10b98133,#10b9810d);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #10b9814d}.success-icon{font-size:3rem;color:var(--success)}.success-state h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.success-state p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}@media (max-width: 1024px){.auth-grid{grid-template-columns:1fr;gap:3rem}.auth-info{text-align:center}.auth-feature-item{flex-direction:column;align-items:center;text-align:center}.registration-steps{flex-direction:column;gap:1rem}.step-line{width:2px;height:30px}}@media (max-width: 768px){.auth-content{padding:6rem 0 2rem}.auth-info-title{font-size:2rem}.auth-info-subtitle{font-size:1.1rem}.auth-card{padding:2rem 1.5rem}.auth-card-header h2{font-size:1.5rem}.form-actions{flex-direction:column}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}}.verification-status{text-align:center;padding:2rem 0}.status-icon{width:100px;height:100px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:3rem}.status-icon.verifying{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;animation:pulse 2s ease-in-out infinite}.status-icon.success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;animation:scaleIn .5s ease-out}.status-icon.error{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);color:#fff;animation:shake .5s ease-out}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.verification-status h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.status-message{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.status-message.error-message{color:var(--error)}.verified-email{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:1rem;margin:1.5rem 0;color:var(--text-secondary)}.verified-email strong{color:var(--success);margin-right:.5rem}.verification-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.btn-auth-secondary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;border:2px solid var(--primary);color:var(--primary);font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-auth-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.btn-auth-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.verification-status h2{font-size:1.5rem}.status-icon{width:80px;height:80px;font-size:2.5rem}.status-message{font-size:1rem}.verification-actions{flex-direction:column}.btn-auth-secondary{width:100%;justify-content:center}}.email-instructions{text-align:left;margin:2rem 0;padding:1.5rem;background:#6366f10d;border-radius:12px;border:1px solid rgba(99,102,241,.1)}.email-instructions h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.instruction-list{display:flex;flex-direction:column;gap:1.5rem}.instruction-item{display:flex;align-items:flex-start;gap:1rem}.instruction-icon{color:var(--success);font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.instruction-item strong{display:block;color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.instruction-item p{color:var(--text-secondary);font-size:.9rem;margin:0}.email-note{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:1rem;margin:1.5rem 0}.email-note p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.email-note strong{color:var(--text-primary)}@media (max-width: 768px){.email-instructions{padding:1rem}.instruction-item{gap:.75rem}.instruction-icon{font-size:1.25rem}}.check-email-content{min-height:calc(100vh - 280px);display:flex;align-items:center;justify-content:center;padding:6rem 1rem 2rem;position:relative;z-index:1}.check-email-container{max-width:700px;width:100%;margin:0 auto;text-align:center}.check-email-hero{margin-bottom:2rem}.email-icon-large{width:90px;height:90px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;font-size:2.5rem;box-shadow:0 20px 60px #6366f166;animation:float 3s ease-in-out infinite;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.check-email-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.check-email-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:.75rem}.email-display{display:inline-block;padding:.75rem 1.5rem;background:#6366f11a;border:2px solid rgba(99,102,241,.3);border-radius:12px;color:var(--primary);font-size:1rem;font-weight:600;margin-top:.5rem}.check-email-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.step-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem 1rem;transition:var(--transition);position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.step-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px #6366f133}.step-card:hover:before{transform:scaleX(1)}.step-number{width:40px;height:40px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:1.25rem;font-weight:700}.step-content h3{font-size:1rem;color:var(--text-primary);margin-bottom:.35rem;font-weight:600}.step-content p{font-size:.875rem;color:var(--text-secondary);margin:0}.check-email-note{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1rem;margin-bottom:1.75rem}.check-email-note p{color:var(--text-secondary);margin:0;font-size:.95rem}.check-email-note strong{color:var(--text-primary)}.check-email-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.btn-resend,.btn-login{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:var(--transition);border:none}.btn-resend{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-resend:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.btn-resend:disabled{opacity:.5;cursor:not-allowed}.btn-login{background:var(--gradient-primary);color:#fff;border:2px solid transparent}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.check-email-footer{margin-top:2rem}.back-home-link{color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:var(--transition)}.back-home-link:hover{color:var(--primary)}@media (max-width: 768px){.check-email-content{padding:5rem 1rem 2rem}.email-icon-large{width:100px;height:100px;font-size:3rem}.check-email-title{font-size:2rem}.check-email-subtitle{font-size:1rem}.email-display{font-size:1rem;padding:.75rem 1.5rem}.check-email-steps{grid-template-columns:1fr;gap:1.5rem}.check-email-actions{flex-direction:column}.btn-resend,.btn-login{width:100%;justify-content:center}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #10b981;--secondary-dark: #059669;--accent: #8b5cf6;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--bg-primary: #0a0e27;--bg-secondary: #0f1629;--bg-tertiary: #1a1f3a;--bg-card: #141829;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(99, 102, 241, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.legal-page{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}.legal-bg-effects{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.legal-hero{position:relative;z-index:1;padding:8rem 0 4rem;text-align:center}.legal-hero-content{max-width:800px;margin:0 auto}.legal-icon-wrapper{width:80px;height:80px;margin:0 auto 2rem;background:var(--gradient-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;box-shadow:var(--shadow-lg);animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:var(--shadow-lg)}50%{transform:scale(1.05);box-shadow:0 12px 40px #6366f166}}.legal-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.legal-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.legal-meta{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.95rem}.meta-item svg{color:var(--primary)}.legal-nav-section{position:relative;z-index:1;padding:2rem 0}.legal-quick-nav{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:var(--shadow-md)}.legal-quick-nav h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary);text-align:center}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:var(--transition);font-size:.95rem}.nav-item:hover{background:#6366f11a;border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.nav-item svg{font-size:1.25rem;flex-shrink:0}.legal-content{position:relative;z-index:1;padding:4rem 0 6rem}.content-wrapper{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}.legal-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-md)}.sidebar-card.highlight{background:#6366f10d;border-color:var(--primary)}.sidebar-card h4{font-size:1.1rem;margin-bottom:.75rem;color:var(--text-primary)}.sidebar-card p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.sidebar-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:var(--transition);font-size:.9rem;margin-bottom:.5rem}.sidebar-link:last-child{margin-bottom:0}.sidebar-link:hover{background:#6366f11a;border-color:var(--primary);color:var(--primary);transform:translate(3px)}.sidebar-link svg{font-size:1rem}.legal-main{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:3rem;box-shadow:var(--shadow-lg)}.legal-section{margin-bottom:4rem;scroll-margin-top:100px}.legal-section:last-child{margin-bottom:0}.section-heading{display:flex;align-items:center;gap:1rem;font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.section-heading svg{color:var(--primary);font-size:1.75rem}.section-content{color:var(--text-secondary);line-height:1.8}.section-content h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem}.section-content h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.section-content p{margin-bottom:1rem;font-size:1rem}.section-content ul{margin:1rem 0 1.5rem 1.5rem;list-style:none}.section-content ul li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;line-height:1.7}.section-content ul li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.section-content strong{color:var(--text-primary);font-weight:600}.note{font-size:.9rem;color:var(--text-muted);font-style:italic;margin-top:.5rem}.info-box,.warning-box,.action-box{display:flex;gap:1rem;padding:1.5rem;border-radius:12px;margin:1.5rem 0;border-left:4px solid}.info-box{background:#10b9811a;border-color:var(--success)}.warning-box{background:#ef44441a;border-color:var(--danger)}.action-box{background:#6366f11a;border-color:var(--primary)}.info-icon,.warning-icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.info-icon{color:var(--success)}.warning-icon{color:var(--danger)}.info-box div,.warning-box div,.action-box div{flex:1}.info-box strong,.warning-box strong,.action-box strong{display:block;margin-bottom:.5rem;font-size:1.05rem}.info-box ul,.warning-box ul,.action-box ul{margin:.5rem 0 0 1rem}.action-box p{margin-bottom:.5rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.contact-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:var(--transition)}.contact-card:hover{background:#6366f10d;border-color:var(--primary);transform:translateY(-3px)}.contact-card h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem}.contact-card p{font-size:.95rem;color:var(--text-secondary);margin-bottom:.5rem}.contact-card strong{color:var(--primary)}@media (max-width: 1024px){.content-wrapper{grid-template-columns:1fr}.legal-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.legal-title{font-size:2.5rem}.legal-main{padding:2rem}}@media (max-width: 768px){.legal-hero{padding:6rem 0 3rem}.legal-title{font-size:2rem}.legal-subtitle{font-size:1.1rem}.legal-icon-wrapper{width:60px;height:60px;font-size:2rem}.nav-grid{grid-template-columns:1fr}.legal-main{padding:1.5rem}.section-heading{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.section-content h3{font-size:1.25rem}.section-content h4{font-size:1.1rem}.contact-grid{grid-template-columns:1fr}.legal-meta{flex-direction:column;gap:1rem}.legal-sidebar{grid-template-columns:1fr}}@media (max-width: 480px){.legal-hero{padding:5rem 0 2rem}.legal-title{font-size:1.75rem}.legal-quick-nav{padding:1.5rem}.legal-main{padding:1rem}.info-box,.warning-box,.action-box{flex-direction:column;padding:1rem}}html{scroll-behavior:smooth}::selection{background:var(--primary);color:#fff}.about-page{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}.about-bg-effects{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.about-hero{position:relative;z-index:1;padding:8rem 0 4rem;text-align:center}.about-hero-content{max-width:900px;margin:0 auto}.about-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.2}.about-subtitle{font-size:1.35rem;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto}.our-story-section{position:relative;z-index:1;padding:6rem 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.story-content p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:var(--transition)}.stat-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-icon{width:60px;height:60px;margin:0 auto 1rem;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff}.stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.95rem}.mission-vision-section{position:relative;z-index:1;padding:6rem 0;background:var(--bg-secondary)}.mv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.mv-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:3rem;transition:var(--transition)}.mv-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.mv-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin-bottom:1.5rem}.mv-card h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.mv-card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.mv-list{list-style:none;padding:0;margin:0}.mv-list li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem}.mv-list li svg{color:var(--success);flex-shrink:0}.values-section{position:relative;z-index:1;padding:6rem 0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.value-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;text-align:center;transition:var(--transition)}.value-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.value-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:#6366f11a;border:2px solid var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--primary)}.value-card h3{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.value-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.why-choose-section{position:relative;z-index:1;padding:6rem 0;background:var(--bg-secondary)}.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.advantage-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;transition:var(--transition);position:relative;overflow:hidden}.advantage-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);opacity:0;transition:var(--transition)}.advantage-card:hover{border-color:var(--primary);transform:translate(5px)}.advantage-card:hover:before{opacity:1}.advantage-number{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;opacity:.3}.advantage-card h3{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.advantage-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.team-section{position:relative;z-index:1;padding:6rem 0}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.team-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:var(--transition)}.team-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.team-avatar{margin-bottom:1.5rem}.avatar-placeholder{width:100px;height:100px;margin:0 auto;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.team-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.team-role{color:var(--primary);font-size:.95rem;font-weight:600;margin-bottom:1rem}.team-bio{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.testimonials-section{position:relative;z-index:1;padding:6rem 0;background:var(--bg-secondary)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;transition:var(--transition)}.testimonial-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.quote-icon{width:50px;height:50px;background:#6366f11a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);margin-bottom:1.5rem}.testimonial-text{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0}.testimonial-author h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.testimonial-author p{font-size:.85rem;color:var(--text-muted)}.about-cta-section{position:relative;z-index:1;padding:6rem 0}@media (max-width: 1024px){.story-grid,.mv-grid{grid-template-columns:1fr}.values-grid,.advantages-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}}@media (max-width: 768px){.about-hero{padding:6rem 0 3rem}.about-title{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.values-grid,.advantages-grid,.team-grid,.stats-grid{grid-template-columns:1fr}.cta-card{padding:2.5rem 1.5rem}.cta-card h2{font-size:2rem}.cta-buttons{flex-direction:column}.cta-features{flex-direction:column;gap:1rem}}.contact-page{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}.contact-bg-effects{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.contact-hero{position:relative;z-index:1;padding:8rem 0 4rem;text-align:center}.contact-hero-content{max-width:900px;margin:0 auto}.contact-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.2}.contact-subtitle{font-size:1.35rem;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto}.contact-main-section{position:relative;z-index:1;padding:4rem 0}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2rem;box-shadow:var(--shadow-lg)}.form-header{margin-bottom:1.5rem}.form-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem}.form-header p{color:var(--text-secondary);font-size:.9rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.95rem;transition:var(--transition);font-family:inherit;font-weight:400}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#6366f10d}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--danger);background:#ef44440d}.field-error{color:var(--danger);font-size:.8rem;margin-top:.25rem;display:block;font-weight:500}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer}.submit-btn{padding:.875rem 1.75rem;background:var(--gradient-primary);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition);margin-top:.5rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn:disabled:hover{transform:none;box-shadow:none}.success-message{text-align:center;padding:3rem 2rem}.success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-message h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.success-message p{color:var(--text-secondary);font-size:1.05rem}.submission-details{background:#10b9811a;border:1px solid var(--success);border-radius:10px;padding:1.5rem;margin:2rem 0;text-align:left}.submission-details p{color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem}.submission-details p:last-child{margin-bottom:0}.submission-details strong{color:var(--text-primary);font-weight:600}.send-another-btn{margin-top:2rem;padding:1rem 2rem;background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:var(--transition)}.send-another-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.contact-info-wrapper{display:flex;flex-direction:column;gap:2rem}.contact-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-md)}.contact-info-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.contact-info-card>p{color:var(--text-secondary);margin-bottom:2rem}.info-items{display:flex;flex-direction:column}.info-item{display:flex;gap:1.25rem;align-items:flex-start}.info-icon{width:50px;height:50px;background:#6366f11a;border:2px solid var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--primary);flex-shrink:0}.info-content{flex:1}.info-content h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;margin-top:0}.info-content a{display:block;color:var(--primary);text-decoration:none;margin-bottom:.25rem;transition:var(--transition);line-height:1.5}.info-content a:hover{color:var(--primary-light)}.info-content p{color:var(--text-secondary);font-size:.95rem;margin-bottom:.25rem;line-height:1.5;margin-top:0}.info-content .emergency{color:var(--success);font-weight:600;margin-top:.5rem}.social-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center}.social-card h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.social-links{display:flex;gap:1rem;justify-content:center}.social-link{width:50px;height:50px;background:#6366f11a;border:2px solid var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.25rem;text-decoration:none;transition:var(--transition)}.social-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-3px)}.quick-links-section{position:relative;z-index:1;padding:4rem 0;background:var(--bg-secondary)}.quick-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.quick-link-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;text-align:center;transition:var(--transition)}.quick-link-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.quick-link-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:var(--gradient-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff}.quick-link-card h3{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.quick-link-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.quick-link-btn{display:inline-block;padding:.75rem 1.5rem;background:#6366f11a;border:2px solid var(--primary);border-radius:10px;color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.quick-link-btn:hover{background:var(--gradient-primary);color:#fff}.map-section{position:relative;z-index:1;padding:4rem 0}.map-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md)}.map-placeholder{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#6366f10d}.map-placeholder svg{font-size:3rem;color:var(--primary)}.map-placeholder p{color:var(--text-secondary);font-size:1.1rem}.contact-faq-section{position:relative;z-index:1;padding:4rem 0 6rem;background:var(--bg-secondary)}.section-intro{margin-bottom:3rem}.section-intro.centered{text-align:center}.section-intro h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.section-intro p{font-size:1.15rem;color:var(--text-secondary)}.contact-faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:var(--transition)}.contact-faq-item:hover{border-color:var(--primary);transform:translateY(-3px)}.contact-faq-item h4{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.contact-faq-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}@media (max-width: 1024px){.contact-grid,.quick-links-grid,.faq-grid{grid-template-columns:1fr}}@media (max-width: 768px){.contact-hero{padding:6rem 0 3rem}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem}.contact-form-wrapper{padding:2rem}.form-row{grid-template-columns:1fr}.contact-info-card{padding:2rem}.map-placeholder{height:300px}}.features-page{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}.features-bg-effects{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.features-hero{position:relative;z-index:1;padding:8rem 0 4rem;text-align:center}.features-hero-content{max-width:900px;margin:0 auto}.features-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.2}.features-subtitle{font-size:1.35rem;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto}.section-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;max-width:700px}.section-intro.centered .section-subtitle{margin:0 auto}.core-features-section{position:relative;z-index:1;padding:6rem 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;transition:var(--transition)}.feature-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-card-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.feature-card>p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.feature-benefits{list-style:none;padding:0;margin:0}.feature-benefits li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem}.feature-benefits li svg{color:var(--success);flex-shrink:0}.advanced-features-section{position:relative;z-index:1;padding:6rem 0;background:var(--bg-secondary)}.advanced-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.advanced-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:var(--transition)}.advanced-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.advanced-icon{width:60px;height:60px;margin:0 auto 1.5rem;background:#6366f11a;border:2px solid var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary)}.advanced-card h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.advanced-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.how-it-works-section{position:relative;z-index:1;padding:6rem 0}.steps-timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:2rem;align-items:center}.step-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;position:relative;transition:var(--transition)}.step-item:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:50px;height:50px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:var(--shadow-md)}.step-content{text-align:center}.step-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:#6366f11a;border:2px solid var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--primary)}.step-content h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.step-content p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.step-features{display:flex;flex-direction:column;gap:.5rem}.step-features span{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.step-features svg{color:var(--success)}.step-connector{width:60px;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);position:relative}.step-connector:after{content:"→";position:absolute;right:-10px;top:20%;transform:translateY(-50%);color:var(--primary);font-size:1.5rem}.technical-features-section{position:relative;z-index:1;padding:6rem 0;background:var(--bg-secondary)}.technical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.technical-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:var(--transition)}.technical-card:hover{border-color:var(--primary);transform:translateY(-5px)}.tech-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.technical-card h4{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.technical-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.features-cta-section{position:relative;z-index:1;padding:6rem 0}.cta-card p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 1024px){.features-grid,.advanced-grid,.technical-grid{grid-template-columns:repeat(2,1fr)}.steps-timeline{grid-template-columns:1fr;gap:3rem}.step-connector{display:none}}@media (max-width: 768px){.features-hero{padding:6rem 0 3rem}.features-title{font-size:2.5rem}.features-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.features-grid,.advanced-grid,.technical-grid{grid-template-columns:1fr}.cta-card{padding:2.5rem 1.5rem}.cta-card h2{font-size:2rem}.cta-buttons{flex-direction:column}.cta-features{flex-direction:column;gap:1rem}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #10b981;--secondary-dark: #059669;--accent: #8b5cf6;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--bg-primary: #0a0e27;--bg-secondary: #0f1629;--bg-tertiary: #1a1f3a;--bg-card: #141829;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(99, 102, 241, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.pricing-page{min-height:100vh;background:var(--bg-primary);position:relative;overflow-x:hidden}.pricing-bg-effects{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.2;animation:float 25s ease-in-out infinite}.orb-1{width:600px;height:600px;background:var(--gradient-primary);top:-300px;right:-200px}.orb-2{width:500px;height:500px;background:var(--gradient-success);bottom:-200px;left:-150px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.pricing-hero{position:relative;z-index:1;padding:8rem 0 4rem;text-align:center}.pricing-hero-content{max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f11a;border:1px solid var(--primary);border-radius:50px;color:var(--primary);font-size:.95rem;font-weight:600;margin-bottom:2rem}.pricing-title{font-size:4rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.2}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:1.35rem;color:var(--text-secondary);line-height:1.7;max-width:700px;margin:0 auto 3rem}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.billing-toggle span{color:var(--text-secondary);font-size:1.05rem;font-weight:600;transition:var(--transition)}.billing-toggle span.active{color:var(--primary)}.toggle-switch{width:60px;height:32px;background:#ffffff1a;border:2px solid var(--border-color);border-radius:50px;position:relative;cursor:pointer;transition:var(--transition)}.toggle-switch:hover{border-color:var(--primary)}.toggle-slider{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:var(--transition)}.toggle-slider.active{left:30px;background:var(--gradient-primary)}.save-badge{display:inline-block;padding:.25rem .5rem;background:var(--gradient-success);border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;margin-left:.5rem}.pricing-cards-section{position:relative;z-index:1;padding:4rem 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}.pricing-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:24px;padding:3rem;position:relative;transition:var(--transition)}.pricing-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--primary);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);transform:scale(1.05);box-shadow:var(--shadow-lg)}.pricing-card.featured:hover{transform:scale(1.08) translateY(-5px)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);padding:.5rem 1.5rem;background:var(--gradient-primary);border-radius:50px;color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-md)}.pricing-header{text-align:center;margin-bottom:2rem}.plan-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:var(--gradient-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff}.pricing-header h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.pricing-header p{color:var(--text-secondary);font-size:1rem}.pricing-price{text-align:center;margin-bottom:1rem}.pricing-price .currency{font-size:2rem;font-weight:600;color:var(--text-secondary);vertical-align:top}.pricing-price .amount{font-size:4rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-price .period{font-size:1.25rem;color:var(--text-secondary)}.pricing-price .custom{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.annual-note{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.pricing-features{list-style:none;padding:0;margin:0 0 2rem}.pricing-features li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.5}.pricing-features li svg{color:var(--success);flex-shrink:0;font-size:1.1rem}.pricing-btn{width:100%;padding:1.25rem;background:#6366f11a;border:2px solid var(--primary);border-radius:12px;color:var(--primary);font-size:1.05rem;font-weight:600;text-align:center;text-decoration:none;display:block;transition:var(--transition);cursor:pointer}.pricing-btn:hover{background:#6366f133;transform:translateY(-2px)}.pricing-btn.primary{background:var(--gradient-primary);color:#fff;border:none}.pricing-btn.primary:hover{box-shadow:0 8px 24px #6366f166}.comparison-section{position:relative;z-index:1;padding:6rem 0;background:var(--bg-secondary)}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f11a;border:1px solid var(--primary);border-radius:50px;color:var(--primary);font-size:.9rem;font-weight:600;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.section-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.7}.section-intro.centered{text-align:center;margin-bottom:4rem}.comparison-table-wrapper{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2rem}.comparison-table{width:100%;border-collapse:collapse}.comparison-table thead th{padding:1.5rem 1rem;text-align:left;font-size:1.1rem;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.comparison-table thead th:first-child{text-align:left}.comparison-table thead th:not(:first-child){text-align:center}.comparison-table tbody td{padding:1.25rem 1rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.comparison-table tbody td:first-child{font-weight:600;color:var(--text-primary)}.comparison-table tbody td:not(:first-child){text-align:center}.comparison-table tbody tr:last-child td{border-bottom:none}.check-icon{color:var(--success);font-size:1.25rem}.pricing-faq-section{position:relative;z-index:1;padding:6rem 0}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.pricing-faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:var(--transition)}.pricing-faq-item:hover{border-color:var(--primary);transform:translateY(-3px)}.pricing-faq-item h4{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.pricing-faq-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.trust-section{position:relative;z-index:1;padding:4rem 0;background:var(--bg-secondary)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.trust-card{text-align:center;padding:2rem}.trust-icon{font-size:3rem;color:var(--primary);margin-bottom:1rem}.trust-card h3{font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.trust-card p{color:var(--text-secondary);font-size:.95rem}.pricing-cta-section{position:relative;z-index:1;padding:6rem 0}.cta-card{background:var(--bg-card);border:2px solid var(--primary);border-radius:24px;padding:4rem;text-align:center;box-shadow:var(--shadow-lg)}.cta-card h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.cta-card p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-primary,.btn-secondary{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:#6366f11a;transform:translateY(-2px)}.cta-features{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.cta-features span{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.cta-features svg{color:var(--success)}@media (max-width: 1024px){.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:scale(1.02) translateY(-5px)}.trust-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}}@media (max-width: 768px){.pricing-hero{padding:6rem 0 3rem}.pricing-title{font-size:2.5rem}.pricing-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.pricing-card{padding:2rem}.comparison-table-wrapper{padding:1rem}.comparison-table{font-size:.9rem}.trust-grid{grid-template-columns:1fr}.cta-card{padding:2.5rem 1.5rem}.cta-card h2{font-size:2rem}.cta-buttons{flex-direction:column}.cta-features{flex-direction:column;gap:1rem}}.container{max-width:1280px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}.brand-dashboard{display:flex;height:100vh;overflow:hidden;background:#0a0e27;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.brand-sidebar{width:260px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;transition:width .3s ease;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:100;box-shadow:2px 0 10px #0000001a}.brand-sidebar.collapsed{width:70px}.brand-sidebar.collapsed .brand-sidebar-header{overflow:visible}.brand-sidebar-header{padding:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);min-height:70px;position:relative}.brand-sidebar.collapsed .brand-sidebar-header{padding:15px 5px;justify-content:center;overflow:visible}.brand-logo-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.brand-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.brand-sidebar.collapsed .brand-logo-section{justify-content:center}.brand-logo-text{display:flex;flex-direction:column;white-space:nowrap;overflow:hidden}.brand-sidebar.collapsed .brand-logo-text{display:none}.brand-logo-title{font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.2}.brand-logo-subtitle{font-size:10px;color:#fff9;margin:0;line-height:1.2}.brand-toggle-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;position:relative;z-index:10}.brand-sidebar.collapsed .brand-toggle-btn{display:none}.brand-toggle-btn:hover{background:#fff3}.brand-sidebar.collapsed .brand-toggle-btn:hover{background:#6366f14d;border-color:#6366f180}.brand-sidebar-menu{flex:1;overflow-y:auto;padding:20px 0}.brand-sidebar-menu::-webkit-scrollbar{width:6px}.brand-sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.brand-menu-section{margin-bottom:24px}.brand-menu-label{padding:0 20px;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;white-space:nowrap;overflow:hidden}.brand-sidebar.collapsed .brand-menu-label{opacity:0;height:0;margin:0;padding:0}.brand-menu-item{display:flex;align-items:center;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .3s;cursor:pointer;position:relative;gap:12px}.brand-menu-item:hover{background:#ffffff1a;color:#fff}.brand-menu-item.active{background:#f093fb26;color:#f093fb;border-left:3px solid #f093fb}.brand-menu-icon{font-size:20px;flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center}.brand-menu-text{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sidebar.collapsed .brand-menu-text{display:none}.brand-menu-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.brand-sidebar.collapsed .brand-menu-badge{position:absolute;top:8px;right:8px;padding:2px 6px;font-size:9px}.brand-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:260px;transition:margin-left .3s ease}.brand-sidebar.collapsed~.brand-main-content{margin-left:70px}.brand-navbar{background:#0f1629;border-bottom:1px solid rgba(255,255,255,.1);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:0 4px 16px #0006;position:relative;z-index:50;transition:padding-left .3s ease}.brand-navbar-left{display:flex;align-items:center;gap:16px;margin-left:0;transition:margin-left .3s ease}.brand-navbar-expand-btn{display:none;background:#ffffff1a;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;font-size:20px;color:#f8fafc;transition:all .3s;flex-shrink:0}.brand-navbar-expand-btn:hover{background:#6366f133}.brand-sidebar.collapsed~.brand-main-content .brand-navbar-expand-btn{display:flex}.brand-mobile-toggle{display:none;background:#ffffff1a;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;font-size:20px;color:#f8fafc}.brand-page-title{font-size:24px;font-weight:700;color:#f8fafc;margin:0}.brand-navbar-right{display:flex;align-items:center;gap:12px}.brand-navbar-icon-btn{position:relative;background:#ffffff1a;border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#cbd5e1;transition:all .3s}.brand-navbar-icon-btn:hover{background:#6366f133;color:#f8fafc}.brand-notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.brand-profile-btn{display:flex;align-items:center;gap:12px;background:#ffffff1a;border:none;padding:8px 12px;border-radius:12px;cursor:pointer;transition:all .3s}.brand-profile-btn:hover{background:#6366f133}.brand-profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.brand-profile-info{display:flex;flex-direction:column;align-items:flex-start}.brand-profile-name{font-size:14px;font-weight:600;color:#f8fafc;margin:0}.brand-profile-role{font-size:12px;color:#94a3b8;margin:0}.brand-profile-dropdown-icon{font-size:14px;color:#94a3b8}.brand-content-area{flex:1;overflow-y:auto;padding:24px;background:#0a0e27}.brand-content-area::-webkit-scrollbar{width:8px}.brand-content-area::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.brand-dropdown{position:relative}.brand-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #0009;min-width:220px;z-index:1000;overflow:hidden}.brand-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#cbd5e1;text-decoration:none;transition:all .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:14px}.brand-dropdown-item:hover{background:#6366f11a;color:#f8fafc}.brand-dropdown-item.danger{color:#ef4444}.brand-dropdown-item.danger:hover{background:#ef44441a}.brand-dropdown-divider{height:1px;background:#ffffff1a;margin:4px 0}.brand-notification-panel{position:absolute;top:calc(100% + 8px);right:0;background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #0009;width:360px;max-height:480px;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.brand-notification-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.brand-notification-title{font-size:16px;font-weight:600;color:#f8fafc;margin:0}.brand-notification-clear{background:none;border:none;color:#f5576c;font-size:13px;font-weight:500;cursor:pointer}.brand-notification-list{flex:1;overflow-y:auto}.brand-notification-item{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.brand-notification-item:hover{background:#6366f10d}.brand-notification-item.unread{background:#ef44440d}.brand-notification-item-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.brand-notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.brand-notification-icon.scan{background:#dbeafe;color:#3b82f6}.brand-notification-icon.fraud{background:#fee2e2;color:#ef4444}.brand-notification-icon.user{background:#dcfce7;color:#22c55e}.brand-notification-content{flex:1}.brand-notification-text{font-size:14px;color:#cbd5e1;margin:0 0 4px}.brand-notification-time{font-size:12px;color:#64748b}@media (max-width: 1024px){.brand-sidebar{transform:translate(-100%);transition:transform .3s ease;width:260px}.brand-sidebar.collapsed{width:260px;transform:translate(-100%)}.brand-sidebar.mobile-open{transform:translate(0)}.brand-main-content{margin-left:0}.brand-sidebar.collapsed~.brand-main-content{margin-left:0}.brand-mobile-toggle{display:flex}.brand-navbar{padding:0 16px}.brand-navbar-left{margin-left:0}.brand-content-area{padding:16px}.brand-profile-info,.brand-profile-dropdown-icon{display:none}.brand-notification-panel{width:320px;right:-16px}.brand-toggle-btn,.brand-sidebar.collapsed .brand-toggle-btn{display:none}.brand-navbar-expand-btn{display:none!important}}@media (max-width: 640px){.brand-page-title{font-size:18px}.brand-navbar-icon-btn{width:36px;height:36px;font-size:16px}.brand-profile-avatar{width:32px;height:32px;font-size:12px}.brand-notification-panel{width:calc(100vw - 32px);right:-16px}.brand-content-area{padding:12px}}.brand-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.brand-sidebar-overlay.active{display:block}@media (max-width: 1024px){.brand-sidebar-overlay.active{display:block}}.products-page{padding:24px;max-width:1400px;margin:0 auto}.products-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.products-title{font-size:28px;font-weight:700;color:#f8fafc;margin:0 0 8px}.products-subtitle{font-size:14px;color:#94a3b8;margin:0}.products-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card{background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:border-color .3s;transform:none!important}.stat-card:hover{border-color:#6366f14d;transform:none!important}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-value{font-size:28px;font-weight:700;color:#f8fafc;margin:0}.products-search{margin-bottom:24px}.search-input-wrapper{position:relative;max-width:500px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;font-size:18px}.search-input{width:100%;padding:12px 16px 12px 48px;background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f8fafc;font-size:14px;transition:all .3s}.search-input:focus{outline:none;border-color:#6366f180;background:#1a1f3a}.search-input::placeholder{color:#64748b}.products-content{min-height:400px}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.products-empty{background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:60px 20px;text-align:center}.products-empty h3{font-size:20px;font-weight:600;color:#f8fafc;margin:0 0 8px}.products-empty p{color:#94a3b8;margin:0 0 24px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.product-card{background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:border-color .3s;transform:none!important}.product-card:hover{border-color:#6366f14d;transform:none!important}.product-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.product-info{flex:1;min-width:0}.product-name{font-size:18px;font-weight:600;color:#f8fafc;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-sku{font-size:13px;color:#64748b;margin:0}.product-actions{display:flex;gap:8px}.product-card-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.product-detail{display:flex;justify-content:space-between;align-items:center;font-size:13px}.detail-label{color:#94a3b8}.detail-value{color:#f8fafc;font-weight:500}.status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.active{background:#10b9811a;color:#10b981}.status-badge.inactive{background:#ef44441a;color:#ef4444}.product-description{font-size:13px;color:#94a3b8;line-height:1.5;margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#f8fafc;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#ffffff26}.btn-icon{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cbd5e1;transition:all .3s}.btn-icon:hover{background:#6366f133;color:#f8fafc}.btn-icon.btn-danger:hover{background:#ef444433;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#0f1629;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009}.modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#0f1629;z-index:10}.modal-title{font-size:22px;font-weight:700;color:#f8fafc;margin:0}.modal-close{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cbd5e1;font-size:20px;transition:all .3s}.modal-close:hover{background:#ef444433;color:#ef4444}.product-form{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:14px;font-weight:600;color:#f8fafc;display:flex;align-items:center;gap:6px}.required{color:#ef4444}.optional-badge{font-size:11px;font-weight:500;color:#64748b;background:#64748b1a;padding:2px 8px;border-radius:4px;margin-left:8px}.form-input{padding:12px 16px;background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;font-size:14px;transition:all .3s;font-family:inherit}.form-input:focus{outline:none;border-color:#6366f180;background:#1a1f3a}.form-input::placeholder{color:#64748b}.form-input.error{border-color:#ef4444}.form-input textarea{resize:vertical;min-height:80px}.form-error{font-size:12px;color:#ef4444;display:flex;align-items:center;gap:4px}.form-hint{font-size:12px;color:#64748b}.input-with-button{display:flex;gap:8px}.input-with-button .form-input{flex:1}.btn-generate{background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#6366f1;padding:0 16px;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px;font-size:16px}.btn-generate:hover{background:#6366f133}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:nowrap}.form-actions .btn-secondary,.form-actions .btn-primary{flex:0 1 auto;min-width:120px;white-space:nowrap}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.image-upload-container{margin-bottom:20px}.image-upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;background:#6366f10d}.image-upload-area:hover{border-color:#6366f180;background:#6366f11a}.image-upload-area.error{border-color:#ef4444;background:#ef44440d}.upload-icon{font-size:48px;color:#6366f1;margin-bottom:16px}.upload-text{font-size:14px;color:#cbd5e1;margin:0 0 8px}.upload-highlight{color:#6366f1;font-weight:600}.upload-hint{font-size:12px;color:#64748b;margin:0}.upload-error{display:flex;align-items:center;gap:8px;color:#ef4444;font-size:13px;margin-top:12px;padding:10px 12px;background:#ef44441a;border-radius:8px}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:20px}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.1);background:#0f1629}.preview-image{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:6px;right:6px;background:#ef4444e6;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s;z-index:2}.remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.primary-badge{position:absolute;bottom:6px;left:6px;background:#6366f1e6;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;z-index:2}.image-count{font-size:12px;color:#64748b;margin-top:12px;text-align:center}.product-card-image{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-bottom:16px;background:#0f1629;border:1px solid rgba(255,255,255,.1)}.product-card-image img{width:100%;height:100%;object-fit:cover;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.product-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:48px}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;opacity:0;transition:all .3s;z-index:2}.product-card:hover .image-nav-btn{opacity:1}.image-nav-btn:hover{background:#6366f1e6}.image-nav-btn.prev{left:8px}.image-nav-btn.next{right:8px}.image-indicators{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s}.indicator.active{background:#6366f1;width:24px;border-radius:4px}.indicator:hover{background:#fffc}.product-view-modal{max-width:1000px}.product-view-content{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.product-view-gallery{display:flex;flex-direction:column;gap:12px}.gallery-main-image{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#0f1629;border:1px solid rgba(255,255,255,.1)}.gallery-main-image img{width:100%;height:100%;object-fit:cover;animation:fadeIn .5s ease-in-out}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s;z-index:2}.gallery-nav-btn:hover{background:#6366f1e6}.gallery-nav-btn.prev{left:12px}.gallery-nav-btn.next{right:12px}.gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px}.thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.1);transition:all .3s}.thumbnail:hover{border-color:#6366f180}.thumbnail.active{border-color:#6366f1}.thumbnail img{width:100%;height:100%;object-fit:cover}.gallery-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;font-size:64px;gap:16px}.gallery-placeholder p{font-size:14px}.product-view-info{display:flex;flex-direction:column;gap:20px}.view-product-name{font-size:24px;font-weight:700;color:#f8fafc;margin:0}.view-product-sku{font-size:14px;color:#64748b;margin:0}.view-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.view-info-item{display:flex;flex-direction:column;gap:6px}.view-info-label{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px}.view-info-value{font-size:14px;color:#f8fafc;font-weight:500}.view-description{padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.view-description h4{font-size:14px;color:#94a3b8;margin:0 0 8px;font-weight:600}.view-description p{font-size:14px;color:#cbd5e1;line-height:1.6;margin:0}.tooltip-wrapper{position:relative;display:inline-flex;margin-left:6px}.tooltip-trigger{background:#6366f11a;border:1px solid rgba(99,102,241,.3);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:help;color:#6366f1;font-size:12px;padding:0;transition:all .3s}.tooltip-trigger:hover{background:#6366f133;border-color:#6366f180}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1f3a;border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:12px 16px;min-width:280px;max-width:320px;font-size:13px;line-height:1.5;color:#cbd5e1;box-shadow:0 8px 24px #0006;z-index:1000;animation:tooltipFadeIn .2s ease-out}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a1f3a}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.products-page{padding:16px}.products-header{flex-direction:column}.product-view-content,.view-info-grid{grid-template-columns:1fr}.products-stats{grid-template-columns:1fr;gap:12px}.products-grid,.form-grid{grid-template-columns:1fr}.form-group{grid-column:1 / -1!important}.modal-content{max-height:95vh}.form-actions{gap:10px}.form-actions .btn-secondary,.form-actions .btn-primary{padding:10px 16px;font-size:13px;min-width:100px}}.qr-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qr-modal-container{background:linear-gradient(to bottom,#1e2337,#1a1f3a);border:2px solid rgba(99,102,241,.4);border-radius:20px;width:100%;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000e6,0 0 0 1px #6366f11a;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.qr-modal-sm{max-width:500px}.qr-modal-md{max-width:700px}.qr-modal-lg{max-width:850px}.qr-modal-xl{max-width:1000px}.qr-modal-header{padding:24px 32px;border-bottom:2px solid rgba(99,102,241,.25);background:linear-gradient(135deg,#6366f11f,#8b5cf614);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.qr-modal-header-content{flex:1}.qr-modal-title{font-size:22px;font-weight:700;color:#f1f5f9;margin:0;display:flex;align-items:center;gap:12px}.qr-modal-title svg{font-size:24px;color:#818cf8}.qr-modal-close{width:36px;height:36px;border-radius:8px;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);color:#cbd5e1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.qr-modal-close:hover{background:#ef444433;border-color:#ef444480;color:#ef4444;transform:rotate(90deg) scale(1.05)}.qr-modal-body{padding:28px 32px;overflow-y:auto;flex:1}.qr-form-section{margin-bottom:44px;padding-bottom:36px;border-bottom:2px solid rgba(255,255,255,.08)}.qr-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.qr-section-title{font-size:19px;font-weight:700;color:#f1f5f9;margin:0 0 28px;padding-bottom:16px;border-bottom:3px solid rgba(99,102,241,.35);display:flex;align-items:center;gap:12px}.qr-section-title svg{color:#818cf8;font-size:22px}.qr-form-group{margin-bottom:28px}.qr-form-label{display:block;font-size:15px;font-weight:600;color:#e2e8f0;margin-bottom:12px;letter-spacing:.2px}.qr-form-label .required{color:#f87171;margin-left:4px;font-size:16px}.qr-form-input,.qr-form-select,.qr-form-textarea{width:100%;padding:18px 22px;background:#0f1629;border:2px solid rgba(99,102,241,.25);border-radius:12px;color:#f1f5f9;font-size:15px;font-family:inherit;transition:all .2s ease}.qr-form-input:focus,.qr-form-select:focus,.qr-form-textarea:focus{outline:none;border-color:#818cf8;background:#141829;box-shadow:0 0 0 4px #6366f126}.qr-form-input::placeholder,.qr-form-textarea::placeholder{color:#64748b}.qr-form-input.error,.qr-form-select.error,.qr-form-textarea.error{border-color:#f87171;background:#ef444414}.qr-form-textarea{resize:vertical;min-height:120px}.qr-form-error{display:flex;align-items:center;gap:8px;color:#f87171;font-size:13px;margin-top:10px;font-weight:600}.qr-form-hint{display:block;font-size:13px;color:#94a3b8;margin-top:10px;line-height:1.5}.qr-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.qr-color-input-group{display:flex;gap:16px;align-items:center}.qr-color-picker{width:80px;height:56px;border:2px solid rgba(99,102,241,.25);border-radius:12px;cursor:pointer;transition:all .2s ease}.qr-color-picker:hover{border-color:#818cf8;transform:scale(1.05)}.qr-color-text{flex:1}.qr-summary-box{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:2px solid rgba(99,102,241,.35);border-radius:16px;padding:28px 32px;margin-top:8px}.qr-summary-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.qr-summary-item:first-child{padding-top:0}.qr-summary-item:last-child{border-bottom:none;padding-bottom:0}.qr-summary-label{font-size:15px;color:#cbd5e1;font-weight:500}.qr-summary-value{font-size:18px;font-weight:700;color:#f1f5f9}.qr-modal-footer{padding:32px 44px;border-top:2px solid rgba(99,102,241,.25);background:#00000059;display:flex;justify-content:flex-end;gap:16px;flex-shrink:0}.qr-btn{padding:16px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:140px;border:none;font-family:inherit}.qr-btn:disabled{opacity:.5;cursor:not-allowed}.qr-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.qr-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5558e3,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.qr-btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.25);color:#f1f5f9}.qr-btn-secondary:hover:not(:disabled){border-color:#6366f199;background:#6366f126;transform:translateY(-1px)}.qr-btn-danger{background:#ef444433;border:2px solid rgba(239,68,68,.5);color:#f87171}.qr-btn-danger:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-1px)}.qr-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.qr-modal-overlay{padding:16px}.qr-modal-header,.qr-modal-body,.qr-modal-footer{padding-left:24px;padding-right:24px}.qr-form-row{grid-template-columns:1fr}}.qr-checkbox-label{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#6366f11f;border:1.5px solid rgba(99,102,241,.3);border-radius:10px;margin-bottom:20px;cursor:pointer;color:#f8fafc;font-size:14px;font-weight:500;transition:all .2s ease}.qr-checkbox-label:hover{background:#6366f12e;border-color:#6366f180}.qr-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6366f1}.qr-info-box{background:#3b82f61a;border:1.5px solid rgba(59,130,246,.3);border-radius:10px;padding:16px 20px;margin-bottom:24px}.qr-info-box p{font-size:14px;color:#93c5fd;margin:0;line-height:1.5}@media (max-width: 768px){.qr-modal-overlay{padding:12px}.qr-modal-header{padding:22px 24px}.qr-modal-title{font-size:22px}.qr-modal-body{padding:28px 24px}.qr-modal-footer{padding:20px 24px;flex-direction:column-reverse}.qr-btn{width:100%}.qr-form-row{grid-template-columns:1fr}.qr-form-section{margin-bottom:32px;padding-bottom:24px}}@media (max-width: 480px){.qr-modal-header{padding:18px 20px}.qr-modal-title{font-size:20px}.qr-modal-body{padding:24px 20px}.qr-modal-footer{padding:18px 20px}}.qr-modal-subtitle{font-size:14px;color:#94a3b8;margin:8px 0 0;font-family:Courier New,monospace;letter-spacing:.5px}.qr-details-content{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:0!important}.qr-details-image-section{display:flex;flex-direction:column;gap:20px}.qr-details-image{background:#fff;border:2px solid rgba(99,102,241,.3);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center}.qr-details-image img{width:100%;height:auto;border-radius:8px}.qr-image-placeholder-large{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;font-weight:600;border-radius:8px}.qr-image-actions{display:flex;gap:8px}.btn-secondary{flex:1;padding:10px 14px;background:#6366f11a;border:2px solid rgba(99,102,241,.3);border-radius:8px;color:#e2e8f0;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-secondary:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-1px)}.qr-status-section{display:flex;justify-content:center}.qr-status-badge-large{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:6px;letter-spacing:.5px}.qr-details-tabs{display:flex;gap:4px;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:20px}.tab-btn{padding:10px 18px;background:transparent;border:none;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;position:relative;bottom:-2px}.tab-btn:hover{color:#cbd5e1;background:#6366f10d}.tab-btn.active{color:#818cf8;border-bottom-color:#818cf8;background:#6366f11a}.qr-details-tab-content{flex:1;overflow-y:auto}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-label{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#f1f5f9;font-weight:500;display:flex;align-items:center;gap:6px}.detail-value.mono{font-family:Courier New,monospace;color:#818cf8}.detail-section{margin-bottom:20px}.section-title{font-size:14px;font-weight:700;color:#e2e8f0;margin:0 0 12px}.url-box{background:#0f1629;border:2px solid rgba(99,102,241,.25);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px}.url-box code{flex:1;font-size:13px;color:#cbd5e1;word-break:break-all;font-family:Courier New,monospace}.url-box code.small{font-size:11px}.copy-btn{width:32px;height:32px;background:#6366f126;border:2px solid rgba(99,102,241,.3);border-radius:6px;color:#818cf8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{background:#6366f140;transform:scale(1.1)}.notes-text{font-size:14px;color:#cbd5e1;line-height:1.6;margin:0}.scan-history-list{display:flex;flex-direction:column;gap:16px}.scan-history-item{background:#6366f114;border:2px solid rgba(99,102,241,.2);border-radius:12px;padding:20px}.scan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scan-time{font-size:14px;color:#cbd5e1;font-weight:600;display:flex;align-items:center;gap:8px}.scan-status{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.scan-status.authentic{background:#22c55e33;color:#22c55e}.scan-status.suspicious{background:#ef444433;color:#ef4444}.scan-details{display:flex;flex-wrap:wrap;gap:16px}.scan-detail{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:6px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-label{font-size:13px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.setting-value{font-size:15px;color:#f1f5f9;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;margin:0}@media (max-width: 1024px){.qr-details-content,.details-grid,.settings-grid{grid-template-columns:1fr}}.qrv-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:qrvFadeIn .2s ease}@keyframes qrvFadeIn{0%{opacity:0}to{opacity:1}}.qrv-modal{background:linear-gradient(to bottom,#1e2337,#1a1f3a);border:2px solid rgba(99,102,241,.35);border-radius:16px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #000c;animation:qrvSlideUp .25s ease}@keyframes qrvSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qrv-header{padding:20px 24px;border-bottom:2px solid rgba(99,102,241,.25);background:linear-gradient(135deg,#6366f11a,#8b5cf60f);display:flex;justify-content:space-between;align-items:center;gap:16px}.qrv-title{font-size:20px;font-weight:700;color:#f1f5f9;margin:0}.qrv-id{font-size:12px;color:#94a3b8;margin:4px 0 0;font-family:Courier New,monospace}.qrv-close{width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.qrv-close:hover{background:#ef444433;border-color:#ef444480;color:#ef4444;transform:rotate(90deg)}.qrv-content{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:24px;overflow-y:auto}.qrv-left{display:flex;flex-direction:column;gap:14px}.qrv-qr-box{background:#fff;border:2px solid rgba(99,102,241,.3);border-radius:12px;padding:14px}.qrv-qr-img{width:100%;height:auto;display:block;border-radius:6px}.qrv-qr-placeholder{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;font-weight:700;border-radius:6px}.qrv-actions{display:flex;gap:8px}.qrv-btn{flex:1;padding:10px;background:#6366f11f;border:2px solid rgba(99,102,241,.3);border-radius:8px;color:#e2e8f0;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.qrv-btn:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-1px)}.qrv-status{padding:10px 14px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.5px}.qrv-right{display:flex;flex-direction:column;min-height:0}.qrv-tabs{display:flex;gap:4px;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:16px}.qrv-tab{padding:10px 16px;background:transparent;border:none;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;bottom:-2px}.qrv-tab:hover{color:#cbd5e1;background:#6366f10d}.qrv-tab.active{color:#818cf8;border-bottom-color:#818cf8;background:#6366f11a}.qrv-tab-content{flex:1;overflow-y:auto;min-height:0}.qrv-info{display:flex;flex-direction:column;gap:16px}.qrv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.qrv-field{display:flex;flex-direction:column;gap:6px}.qrv-label{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.qrv-value{font-size:13px;color:#f1f5f9;font-weight:500}.qrv-section{margin-top:8px}.qrv-section-title{font-size:12px;font-weight:700;color:#e2e8f0;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.qrv-code-box{background:#0f1629;border:2px solid rgba(99,102,241,.25);border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:8px}.qrv-code-box code{flex:1;font-size:11px;color:#cbd5e1;word-break:break-all;font-family:Courier New,monospace}.qrv-code-box code.small{font-size:10px}.qrv-copy-icon{width:28px;height:28px;background:#6366f126;border:2px solid rgba(99,102,241,.3);border-radius:6px;color:#818cf8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s;flex-shrink:0}.qrv-copy-icon:hover{background:#6366f140;transform:scale(1.1)}.qrv-scans{display:flex;flex-direction:column;gap:12px}.qrv-scan-item{background:#6366f114;border:2px solid rgba(99,102,241,.2);border-radius:10px;padding:14px}.qrv-scan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.qrv-scan-time{font-size:12px;color:#cbd5e1;font-weight:600;display:flex;align-items:center;gap:6px}.qrv-scan-badge{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.qrv-scan-badge.ok{background:#22c55e33;color:#22c55e}.qrv-scan-badge.warn{background:#ef444433;color:#ef4444}.qrv-scan-details{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#94a3b8}.qrv-scan-details span{display:flex;align-items:center;gap:4px}.qrv-empty{text-align:center;padding:40px 20px;color:#64748b;font-size:14px}@media (max-width: 768px){.qrv-content,.qrv-grid{grid-template-columns:1fr}}.qr-export-backdrop{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:qr-export-fade-in .2s ease-out}@keyframes qr-export-fade-in{0%{opacity:0}to{opacity:1}}.qr-export-dialog{background:#1f2937;border:1px solid #374151;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;animation:qr-export-slide-up .3s ease-out}@keyframes qr-export-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-export-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid #374151;background:linear-gradient(135deg,#1f2937,#111827)}.qr-export-title-group{display:flex;align-items:flex-start;gap:16px}.qr-export-icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.qr-export-title{font-size:22px;font-weight:700;color:#f9fafb;margin:0 0 4px}.qr-export-subtitle{font-size:14px;color:#9ca3af;margin:0}.qr-export-close-btn{width:36px;height:36px;border-radius:8px;border:none;background:#374151;color:#9ca3af;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.qr-export-close-btn:hover{background:#4b5563;color:#f9fafb}.qr-export-body{padding:24px;overflow-y:auto;flex:1}.qr-export-section{margin-bottom:28px}.qr-export-section:last-child{margin-bottom:0}.qr-export-section-label{display:block;font-size:14px;font-weight:600;color:#d1d5db;margin-bottom:12px}.qr-export-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qr-export-format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.qr-export-size-options{display:flex;gap:12px}.qr-export-size-btn{flex:1;padding:12px;border:2px solid #374151;border-radius:8px;background:#111827;color:#9ca3af;text-align:center;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:14px}.qr-export-size-btn:hover{border-color:#4b5563;background:#1f2937}.qr-export-size-btn.active{border-color:#6366f1;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;box-shadow:0 2px 8px #6366f14d}.qr-export-format-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;border:2px solid #374151;border-radius:12px;background:#111827;cursor:pointer;transition:all .2s ease}.qr-export-format-card:hover{border-color:#4b5563;background:#1f2937;transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.qr-export-format-active{border-color:#6366f1;background:linear-gradient(135deg,#1e1b4b,#312e81);box-shadow:0 4px 12px #6366f166}.qr-export-radio-hidden{position:absolute;opacity:0;pointer-events:none}.qr-export-format-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#374151,#4b5563);display:flex;align-items:center;justify-content:center;font-size:24px;color:#9ca3af;transition:all .2s ease}.qr-export-format-active .qr-export-format-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.qr-export-format-details{display:flex;flex-direction:column;gap:4px;text-align:center}.qr-export-format-name{font-size:14px;font-weight:600;color:#f9fafb}.qr-export-format-info{font-size:12px;color:#9ca3af}.qr-export-format-check{position:absolute;top:12px;right:12px;font-size:20px;color:#6366f1}.qr-export-checkbox-wrapper{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#111827;border:1px solid #374151;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.qr-export-checkbox-wrapper:hover{background:#1f2937;border-color:#4b5563}.qr-export-checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.qr-export-checkbox-label{font-size:14px;color:#d1d5db;font-weight:500}.qr-export-filters{display:flex;flex-direction:column;gap:16px}.qr-export-field-group{display:flex;flex-direction:column;gap:8px}.qr-export-field-label{font-size:13px;font-weight:500;color:#9ca3af}.qr-export-required{color:#ef4444;margin-left:4px}.qr-export-radio-group{display:flex;gap:16px;margin-top:8px}.qr-export-radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;color:#d1d5db;font-size:14px}.qr-export-radio-option input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#6366f1}.qr-export-divider{height:1px;background:#374151;margin:20px 0}.qr-export-select-input,.qr-export-text-input{width:100%;padding:10px 14px;border:1px solid #374151;border-radius:8px;font-size:14px;color:#f9fafb;background:#111827;transition:all .2s ease}.qr-export-select-input:focus,.qr-export-text-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.qr-export-text-input::placeholder{color:#6b7280}.qr-export-range-group{margin-top:8px}.qr-export-range-inputs{display:flex;align-items:center;gap:12px}.qr-export-range-inputs input{flex:1}.qr-export-range-separator{color:#9ca3af;font-weight:500;font-size:14px}.qr-export-summary{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#1e3a5f,#1e293b);border:1px solid #334155;border-radius:12px;margin-top:20px}.qr-export-summary-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.qr-export-summary-text{display:flex;flex-direction:column;gap:2px}.qr-export-summary-label{font-size:12px;color:#93c5fd;font-weight:500}.qr-export-summary-value{font-size:15px;color:#60a5fa;font-weight:700}.qr-export-progress-container{padding:16px;background:#111827;border:1px solid #374151;border-radius:12px}.qr-export-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.qr-export-progress-label{font-size:14px;font-weight:600;color:#d1d5db}.qr-export-progress-percent{font-size:16px;font-weight:700;color:#6366f1}.qr-export-progress-bar{width:100%;height:8px;background:#374151;border-radius:4px;overflow:hidden;margin-bottom:8px}.qr-export-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.qr-export-progress-status{display:block;font-size:13px;color:#9ca3af;font-style:italic}.qr-export-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #374151;background:#111827}.qr-export-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.qr-export-btn:disabled{opacity:.5;cursor:not-allowed}.qr-export-btn-cancel{background:#374151;color:#d1d5db;border:1px solid #4b5563}.qr-export-btn-cancel:hover:not(:disabled){background:#4b5563;color:#f9fafb}.qr-export-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.qr-export-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.qr-export-btn-primary:active:not(:disabled){transform:translateY(0)}.qr-export-btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc26264d}.qr-export-btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.qr-export-btn-danger:active:not(:disabled){transform:translateY(0)}.qr-export-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:qr-export-spin .8s linear infinite}@keyframes qr-export-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.qr-export-dialog{width:95%;max-height:95vh}.qr-export-header,.qr-export-body{padding:20px}.qr-export-format-grid{grid-template-columns:1fr}.qr-export-size-options{flex-direction:column}.qr-export-range-inputs{flex-direction:column;align-items:stretch}.qr-export-range-separator{text-align:center}.qr-export-row{grid-template-columns:1fr}.qr-export-footer{padding:16px 20px;flex-direction:column-reverse}.qr-export-btn{width:100%;justify-content:center}}.export-notification-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%}.export-notification-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#1f2937;border:1px solid #374151;border-radius:12px;box-shadow:0 10px 25px #0006;cursor:pointer;transition:all .2s ease;animation:slideInRight .3s ease-out}.export-notification-summary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000080;border-color:#4b5563}.export-notification-summary-content{display:flex;align-items:center;gap:12px;flex:1}.export-notification-summary-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500}.export-notification-summary-badge.processing{background:#6366f11a;color:#6366f1}.export-notification-summary-badge.completed{background:#10b9811a;color:#10b981}.export-notification-summary-badge.failed{background:#ef44441a;color:#ef4444}.export-notification-expand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.export-notification-expand-btn:hover{background:#374151;color:#f9fafb}.export-notification-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1f2937;border:1px solid #374151;border-radius:12px;box-shadow:0 10px 25px #0006;animation:slideInRight .3s ease-out}.export-notification-header-title{font-size:14px;font-weight:600;color:#f9fafb}.export-notification-collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.export-notification-collapse-btn:hover{background:#374151;color:#f9fafb}.export-notification-jobs{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:4px}.export-notification-jobs::-webkit-scrollbar{width:6px}.export-notification-jobs::-webkit-scrollbar-track{background:transparent}.export-notification-jobs::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.export-notification-jobs::-webkit-scrollbar-thumb:hover{background:#4b5563}.export-notification-card{display:flex;align-items:center;gap:16px;padding:16px;background:#1f2937;border:1px solid #374151;border-radius:12px;box-shadow:0 10px 25px #0006;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.export-notification-processing{border-left:4px solid #6366f1}.export-notification-completed{border-left:4px solid #10b981}.export-notification-failed{border-left:4px solid #ef4444}.export-notification-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:20px;flex-shrink:0}.export-notification-processing .export-notification-icon{background:#6366f11a;color:#6366f1}.export-notification-completed .export-notification-icon{background:#10b9811a;color:#10b981}.export-notification-failed .export-notification-icon{background:#ef44441a;color:#ef4444}.export-notification-spinner{width:20px;height:20px;border:2px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.export-notification-spinner-small{width:14px;height:14px;border:2px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.export-notification-content{flex:1;min-width:0}.export-notification-title{font-size:14px;font-weight:600;color:#f9fafb;margin-bottom:6px}.export-notification-text{font-size:13px;color:#9ca3af;margin-top:4px}.export-notification-progress-bar{width:100%;height:6px;background:#374151;border-radius:3px;overflow:hidden;margin-top:8px}.export-notification-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.export-notification-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.export-notification-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-notification-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.export-notification-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.export-notification-btn-dismiss{background:transparent;color:#9ca3af;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.export-notification-btn-dismiss:hover{background:#374151;color:#f9fafb}@media (max-width: 640px){.export-notification-container{left:20px;right:20px;bottom:20px;max-width:100%}.export-notification-card{padding:12px}.export-notification-btn{font-size:12px;padding:6px 10px}}.qr-codes-page{padding:24px;max-width:1600px;margin:0 auto;background:#0a0f1e;min-height:100vh}.qr-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.qr-header-left{flex:1}.qr-title{font-size:28px;font-weight:700;color:#f8fafc;margin:0 0 8px}.qr-subtitle{font-size:14px;color:#94a3b8;margin:0}.qr-header-actions{display:flex;gap:12px}.qr-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.qr-stat-card{background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s}.qr-stat-card:hover{border-color:#6366f14d}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon.total{background:#6366f11a;color:#6366f1}.stat-icon.active{background:#22c55e1a;color:#22c55e}.stat-icon.scanned{background:#3b82f61a;color:#3b82f6}.stat-icon.inactive{background:#ef44441a;color:#ef4444}.stat-content{flex:1}.stat-label{font-size:13px;color:#94a3b8;margin:0 0 4px}.stat-value{font-size:24px;font-weight:700;color:#f8fafc;margin:0}.stat-percentage{font-size:12px;color:#64748b;margin:4px 0 0}.qr-filters-bar{background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filters-left{display:flex;gap:12px;flex:1;flex-wrap:wrap}.filters-right{display:flex;gap:12px;align-items:center}.search-box{position:relative;flex:1;min-width:250px;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:18px}.search-input{width:100%;padding:10px 12px 10px 40px;background:#0a0f1e;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;font-size:14px;transition:all .3s}.search-input:focus{outline:none;border-color:#6366f180;background:#141829}.filter-select,.filter-input{padding:10px 12px;background:#0a0f1e;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;font-size:14px;transition:all .3s;cursor:pointer}.filter-select{min-width:150px}.filter-input{min-width:180px}.filter-select:focus,.filter-input:focus{outline:none;border-color:#6366f180}.view-toggle{display:flex;background:#0a0f1e;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.view-btn{padding:8px 12px;background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:18px}.view-btn:hover{background:#6366f11a;color:#6366f1}.view-btn.active{background:#6366f1;color:#fff}.bulk-actions-bar{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.bulk-info{display:flex;align-items:center;gap:12px;color:#f8fafc;font-weight:500}.bulk-checkbox{width:18px;height:18px;cursor:pointer}.bulk-buttons{display:flex;gap:12px}.qr-content{min-height:400px}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.qr-list{display:flex;flex-direction:column;gap:12px}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#94a3b8}.qr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.qr-empty h3{font-size:20px;font-weight:600;color:#f8fafc;margin:0 0 8px}.qr-empty p{font-size:14px;color:#94a3b8;margin:0 0 24px;max-width:400px}.qr-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:20px}.pagination-btn{padding:10px 20px;background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#6366f1;border-color:#6366f1}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#94a3b8;font-weight:500}.btn-primary{padding:12px 24px;background:#6366f1;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-primary:hover{background:#5558e3;transform:translateY(-1px)}.btn-secondary{padding:12px 24px;background:#141829;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;white-space:nowrap}.btn-secondary:hover{border-color:#6366f180;background:#6366f11a}.btn-danger-outline{padding:10px 20px;background:transparent;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-danger-outline:hover{background:#ef44441a}@media (max-width: 1024px){.qr-stats-grid{grid-template-columns:repeat(2,1fr)}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.qr-codes-page{padding:16px}.qr-header{flex-direction:column}.qr-header-actions{width:100%;flex-direction:column}.qr-header-actions button{width:100%;justify-content:center}.qr-stats-grid{grid-template-columns:1fr}.qr-filters-bar{flex-direction:column;align-items:stretch}.filters-left,.filters-right{width:100%;flex-direction:column}.search-box{max-width:100%}.filter-select,.filter-input{width:100%}.qr-grid{grid-template-columns:1fr}.bulk-actions-bar{flex-direction:column;align-items:stretch}.bulk-buttons{flex-direction:column}.bulk-buttons button{width:100%;justify-content:center}}.qr-table-container{background:#1a1f3a;border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden}.qr-table-wrapper{overflow-x:auto;overflow-y:visible;position:relative}.qr-table{width:100%;border-collapse:collapse;font-size:13px}.qr-table thead{background:linear-gradient(to bottom,#6366f11f,#6366f10f);border-bottom:2px solid rgba(99,102,241,.3);position:sticky;top:0;z-index:5}.qr-table-th{padding:8px 12px;text-align:left;font-weight:700;font-size:11px;color:#e2e8f0;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#1a1f3a}.checkbox-col{width:40px;text-align:center}.qr-col{width:50px;text-align:center}.actions-col{width:110px;text-align:center}.qr-table-row{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s ease;position:relative}.qr-table-row:hover{background:#6366f114}.qr-table-row.selected{background:#6366f126}.qr-table-td{padding:6px 12px;color:#f1f5f9;vertical-align:middle;height:38px;position:relative}.qr-table-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#6366f1}.qr-icon-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#6366f1;font-size:14px;cursor:pointer;transition:all .15s ease}.qr-icon-trigger:hover{background:#6366f133;transform:scale(1.05)}.qr-hover-popup{position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);background:#fff;border:2px solid rgba(99,102,241,.4);border-radius:8px;padding:8px;box-shadow:0 10px 30px #00000080;z-index:9999;opacity:0;animation:qrPopupFast .15s ease-out forwards;pointer-events:none}@keyframes qrPopupFast{to{opacity:1}}.truncate-cell{display:flex;align-items:center;gap:6px;max-width:180px;position:relative}.truncate-text{font-family:Courier New,monospace;font-size:12px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help;position:relative}.truncate-text:after{content:attr(title);position:fixed;left:0;top:100%;margin-top:6px;padding:6px 10px;background:#0a0f1e;border:1px solid rgba(99,102,241,.4);border-radius:6px;font-size:11px;color:#cbd5e1;white-space:nowrap;z-index:9999;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;box-shadow:0 4px 12px #0006}.truncate-text:hover:after{opacity:1;transform:translateY(0);transition-delay:.1s}.inline-copy-btn{width:22px;height:22px;min-width:22px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease;font-size:11px}.qr-table-row:hover .inline-copy-btn{opacity:1}.inline-copy-btn:hover{background:#6366f11a;border-color:#6366f14d;color:#6366f1;transform:scale(1.1)}.status-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;border:1px solid;letter-spacing:.3px}.status-badge svg{font-size:11px}.scan-count{color:#818cf8;font-weight:700;font-size:13px}.date-compact{font-size:12px;color:#cbd5e1;font-weight:500;cursor:help;position:relative}.date-compact:after{content:attr(title);position:fixed;left:50%;top:100%;transform:translate(-50%) translateY(-4px);margin-top:6px;padding:6px 10px;background:#0a0f1e;border:1px solid rgba(99,102,241,.4);border-radius:6px;font-size:11px;color:#cbd5e1;white-space:nowrap;z-index:9999;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;box-shadow:0 4px 12px #0006}.date-compact:hover:after{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.1s}.action-btns{display:flex;gap:4px;justify-content:center}.act-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .15s ease}.act-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:scale(1.05)}.act-btn.del:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:scale(1.05)}.qr-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#94a3b8}.spinner-large{width:48px;height:48px;border:4px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.qr-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;color:#64748b;margin-bottom:16px}.qr-table-empty h3{font-size:20px;font-weight:600;color:#f8fafc;margin:0 0 8px}.qr-table-empty p{font-size:14px;color:#94a3b8;margin:0}@media (max-width: 1400px){.truncate-cell{max-width:150px}}@media (max-width: 1200px){.qr-table{font-size:12px}.truncate-cell{max-width:130px}.qr-hover-popup{left:auto;right:40px}}@media (max-width: 768px){.qr-table-wrapper{overflow-x:scroll}.qr-table{min-width:1000px}.truncate-cell{max-width:120px}}
