/* ============================================ NEON MATRIX THEME Dark Navy + Neon Green + Electric Blue The Most Epic Cyberpunk SaaS Theme Ever ============================================ */:root{--navy-black:#0B0B1E;--navy-dark:#13132B;--navy-medium:#1A1A3E;--navy-light:#252550;--purple-neon:#8B5CF6;--purple-bright:#A78BFA;--purple-dark:#7C3AED;--purple-glow:rgba(139,92,246,0.5);--neon-blue:#00D9FF;--neon-blue-glow:rgba(0,217,255,0.6);--text-white:#FFFFFF;--text-gray:#94A3B8;--text-light:#CBD5E1;--accent-blue:#3B82F6;--accent-green:#10B981;--neon-green:#00FF88;--neon-green-glow:rgba(0,255,136,0.5);--glow-purple-sm:0 0 20px rgba(139,92,246,0.3);--glow-purple-md:0 0 40px rgba(139,92,246,0.4),0 0 80px rgba(139,92,246,0.2);--glow-purple-lg:0 0 60px rgba(139,92,246,0.5),0 0 120px rgba(139,92,246,0.3);--glow-green-sm:0 0 20px rgba(0,255,136,0.3);--glow-green-md:0 0 40px rgba(0,255,136,0.4),0 0 80px rgba(0,255,136,0.2);--glow-green-lg:0 0 60px rgba(0,255,136,0.5),0 0 120px rgba(0,255,136,0.3);--glow-blue-sm:0 0 20px rgba(0,217,255,0.4);--glow-blue-md:0 0 40px rgba(0,217,255,0.5),0 0 80px rgba(0,217,255,0.3);--glow-blue-lg:0 0 60px rgba(0,217,255,0.6),0 0 120px rgba(0,217,255,0.4);--shadow-xl:0 20px 50px rgba(0,0,0,0.5);--shadow-2xl:0 30px 80px rgba(0,0,0,0.6);--gradient-purple:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);--gradient-blue:linear-gradient(135deg,#00D9FF 0%,#00B8D4 100%);--gradient-card:linear-gradient(135deg,rgba(139,92,246,0.1) 0%,rgba(124,58,237,0.05) 100%);}/* ============================================ BODY - DEEP NAVY WITH SUBTLE GLOW ============================================ */html{background:var(--navy-black) !important;min-height:100% !important;height:100% !important;}body{background:var(--navy-black) !important;color:var(--text-white) !important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','SF Pro Display',Roboto,sans-serif !important;line-height:1.6 !important;overflow-x:hidden !important;position:relative !important;min-height:100vh !important;margin:0 !important;padding:0 !important;}.data-stream-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;}.data-stream{position:absolute;top:-100%;width:2px;height:100px;background:linear-gradient(180deg,transparent,var(--neon-green),transparent);opacity:0.3;animation:fall-stream linear infinite;}@keyframes fall-stream{0%{top:-100%;opacity:0;}10%{opacity:0.3;}90%{opacity:0.3;}100%{top:100%;opacity:0;}}body::before{content:'';position:fixed;top:-30%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,217,255,0.12) 0%,transparent 70%);filter:blur(80px);animation:float-glow-1 20s ease-in-out infinite;pointer-events:none;z-index:0;}@keyframes float-glow-1{0%,100%{transform:translate(0,0);}50%{transform:translate(-50px,50px);}}body::after{content:'';position:fixed;bottom:-20%;left:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(0,255,136,0.1) 0%,transparent 70%);filter:blur(80px);animation:float-glow-2 25s ease-in-out infinite;pointer-events:none;z-index:0;}@keyframes float-glow-2{0%,100%{transform:translate(0,0);}50%{transform:translate(50px,-50px);}}/* ============================================ NAVBAR - CLEAN & MINIMAL ============================================ */.navbar{background:rgba(11,11,30,0.8) !important;backdrop-filter:blur(20px) saturate(180%) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) !important;border-bottom:1px solid rgba(139,92,246,0.1) !important;box-shadow:0 4px 30px rgba(0,0,0,0.3) !important;position:relative !important;z-index:1000 !important;}.nav-center a{color:var(--text-gray) !important;font-weight:500 !important;font-size:0.95rem !important;transition:all 0.3s ease !important;position:relative !important;}.nav-center a:hover{color:var(--text-white) !important;}.logo-text{font-size:1.5rem !important;font-weight:700 !important;color:var(--text-white) !important;letter-spacing:-0.5px !important;}/* ============================================ BUTTONS - GLOWING PURPLE POWER ============================================ */body .hero .btn-primary,body .btn-primary,body .hero .cta-button,body .cta-button{background:var(--gradient-blue) !important;color:var(--navy-black) !important;font-weight:700 !important;font-size:1rem !important;padding:1rem 2.5rem !important;border:none !important;border-radius:12px !important;box-shadow:var(--glow-blue-md),var(--shadow-xl) !important;position:relative !important;overflow:hidden !important;transition:all 0.3s ease !important;cursor:pointer !important;}.btn-primary::before,.cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;}.btn-primary:hover,.cta-button:hover{transform:translateY(-2px) !important;box-shadow:var(--glow-blue-lg),var(--shadow-2xl) !important;}.btn-primary:hover::before,.cta-button:hover::before{left:100%;}body .btn-secondary{background:transparent !important;color:var(--text-white) !important;font-weight:600 !important;padding:1rem 2rem !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:12px !important;transition:all 0.3s ease !important;}.btn-secondary:hover{background:rgba(255,255,255,0.05) !important;border-color:rgba(255,255,255,0.3) !important;transform:translateY(-2px) !important;}/* ============================================ HERO SECTION - MASSIVE IMPACT ============================================ */.hero-section{background:transparent !important;padding:8rem 2rem !important;position:relative !important;overflow:hidden !important;z-index:1 !important;}.hero-section h1{font-size:5rem !important;font-weight:800 !important;line-height:1.1 !important;color:var(--neon-green) !important;margin-bottom:1.5rem !important;letter-spacing:-2px !important;text-shadow:var(--glow-green-md) !important;}.hero-section p{font-size:1.4rem !important;color:var(--text-gray) !important;max-width:700px !important;margin:0 auto 2rem !important;line-height:1.8 !important;font-weight:400 !important;}/* ============================================ CARDS - MASSIVE GLOWING GLASS PANELS ============================================ */body .hero .card,body .card,body .features .feature-card,body .feature-card,body .pricing .pricing-card,body .pricing-card{background:rgba(26,26,62,0.5) !important;backdrop-filter:blur(20px) saturate(180%) !important;-webkit-backdrop-filter:blur(20px) saturate(180%) !important;border:1px solid rgba(0,255,136,0.3) !important;border-radius:24px !important;padding:3rem !important;box-shadow:var(--glow-green-sm),var(--shadow-xl) !important;transition:all 0.4s ease !important;position:relative !important;overflow:hidden !important;}.card::before,.feature-card::before,.pricing-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-card);opacity:0;transition:opacity 0.4s ease;}.card:hover,.feature-card:hover,.pricing-card:hover{transform:translateY(-10px) scale(1.02) !important;box-shadow:var(--glow-green-md),var(--shadow-2xl) !important;border-color:rgba(0,255,136,0.6) !important;}.card:hover::before,.feature-card:hover::before,.pricing-card:hover::before{opacity:1;}body .pricing .pricing-card,body .pricing-card{padding:4rem 3rem !important;}.pricing-card.featured{border:2px solid var(--neon-green) !important;box-shadow:var(--glow-green-lg),var(--shadow-2xl) !important;transform:scale(1.05) !important;}/* ============================================ SCORE DISPLAY - MASSIVE GLOWING CIRCLE ============================================ */.score-display{background:rgba(26,26,62,0.6) !important;backdrop-filter:blur(20px) !important;border:3px solid var(--neon-green) !important;border-radius:50% !important;width:280px !important;height:280px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:var(--glow-green-lg),var(--shadow-2xl) !important;position:relative !important;}.score-display .score-number{font-size:6rem !important;font-weight:900 !important;color:var(--text-white) !important;}/* ============================================ TESTIMONIALS - CLEAN CARDS WITH PHOTOS ============================================ */.testimonial-card{background:rgba(26,26,62,0.5) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(0,255,136,0.2) !important;border-radius:20px !important;padding:2.5rem !important;box-shadow:var(--shadow-xl) !important;transition:all 0.3s ease !important;}.testimonial-card:hover{transform:translateY(-5px) !important;box-shadow:var(--glow-green-sm),var(--shadow-2xl) !important;border-color:rgba(0,255,136,0.4) !important;}.testimonial-card .stars{color:#FCD34D;font-size:1.2rem;margin-bottom:1rem;}.testimonial-card .quote{color:var(--text-light);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;}.testimonial-card .author{color:var(--text-white);font-weight:600;font-size:0.95rem;}/* ============================================ TRUST BADGES - LOGO WALL ============================================ */.trust-badge{display:inline-flex !important;align-items:center !important;gap:0.5rem !important;padding:0.75rem 1.5rem !important;background:rgba(255,255,255,0.05) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:50px !important;font-weight:600 !important;color:var(--text-light) !important;font-size:0.9rem !important;transition:all 0.3s ease !important;}.trust-badge:hover{background:rgba(139,92,246,0.1) !important;border-color:rgba(139,92,246,0.3) !important;transform:scale(1.05) !important;}/* ============================================ SECTION TITLES - MASSIVE & BOLD ============================================ */.section-title{font-size:3.5rem !important;font-weight:800 !important;color:var(--neon-green) !important;text-align:center !important;margin-bottom:4rem !important;letter-spacing:-1px !important;text-shadow:var(--glow-green-md) !important;}body .hero h1,body .hero h2,body h1,body h2,body h3,body h4,body h5,body h6{color:var(--neon-green) !important;text-shadow:var(--glow-green-sm) !important;}/* ============================================ HERO SECTION - COMPLETE STYLING ============================================ */body .hero{background:var(--navy-black) !important;padding:6rem 2rem !important;text-align:center !important;position:relative !important;overflow:hidden !important;}body .hero-content{max-width:1200px !important;margin:0 auto !important;position:relative !important;z-index:2 !important;}body .hero-badge{display:inline-flex !important;align-items:center !important;gap:0.5rem !important;background:rgba(0,255,136,0.1) !important;border:1px solid var(--neon-green) !important;padding:0.5rem 1.5rem !important;border-radius:50px !important;margin-bottom:2rem !important;box-shadow:var(--glow-green-sm) !important;}body .hero-badge .badge-icon{font-size:1.2rem !important;}body .hero-badge .badge-text{color:var(--neon-green) !important;font-weight:600 !important;font-size:0.9rem !important;text-transform:uppercase !important;letter-spacing:1px !important;}body .hero h1{font-size:3.5rem !important;font-weight:800 !important;color:var(--neon-green) !important;text-shadow:var(--glow-green-md) !important;margin-bottom:1.5rem !important;line-height:1.2 !important;}body .hero-subtitle{font-size:1.25rem !important;color:var(--text-secondary) !important;margin-bottom:3rem !important;max-width:800px !important;margin-left:auto !important;margin-right:auto !important;}body .hero-ctas{display:flex !important;gap:1rem !important;justify-content:center !important;flex-wrap:wrap !important;margin-bottom:4rem !important;}body .btn-hero-primary{background:var(--gradient-blue) !important;color:var(--navy-black) !important;font-weight:700 !important;font-size:1.1rem !important;padding:1.25rem 3rem !important;border:none !important;border-radius:12px !important;box-shadow:var(--glow-blue-md),var(--shadow-xl) !important;cursor:pointer !important;transition:all 0.3s ease !important;text-transform:none !important;}body .btn-hero-primary:hover{transform:translateY(-2px) !important;box-shadow:var(--glow-blue-lg),var(--shadow-2xl) !important;}body .btn-hero-secondary{background:rgba(0,255,136,0.1) !important;color:var(--neon-green) !important;font-weight:700 !important;font-size:1.1rem !important;padding:1.25rem 3rem !important;border:2px solid var(--neon-green) !important;border-radius:12px !important;box-shadow:var(--glow-green-sm) !important;cursor:pointer !important;transition:all 0.3s ease !important;text-transform:none !important;}body .btn-hero-secondary:hover{background:rgba(0,255,136,0.2) !important;transform:translateY(-2px) !important;box-shadow:var(--glow-green-md) !important;}body .hero-stats{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important;gap:2rem !important;max-width:1000px !important;margin:0 auto !important;}body .hero-stat{background:rgba(255,255,255,0.03) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(0,255,136,0.2) !important;border-radius:16px !important;padding:1.5rem !important;box-shadow:var(--glow-green-sm) !important;transition:all 0.3s ease !important;}body .hero-stat:hover{transform:translateY(-5px) !important;box-shadow:var(--glow-green-md) !important;border-color:var(--neon-green) !important;}body .hero-stat .stat-number{font-size:2.5rem !important;font-weight:800 !important;color:var(--electric-blue) !important;text-shadow:var(--glow-blue-sm) !important;margin-bottom:0.5rem !important;}body .hero-stat .stat-label{font-size:0.9rem !important;color:var(--text-secondary) !important;text-transform:uppercase !important;letter-spacing:1px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:0.5rem !important;}body .hero-stat .live-dot{width:8px !important;height:8px !important;background:var(--neon-green) !important;border-radius:50% !important;display:inline-block !important;animation:pulse-dot 2s ease-in-out infinite !important;box-shadow:0 0 10px var(--neon-green) !important;}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(1.2);}}@media (max-width:768px){body .hero{padding:4rem 1.5rem !important;}body .hero h1{font-size:2.5rem !important;}body .hero-subtitle{font-size:1.1rem !important;}body .btn-hero-primary,body .btn-hero-secondary{font-size:1rem !important;padding:1rem 2rem !important;width:100% !important;}body .hero-stats{grid-template-columns:repeat(2,1fr) !important;gap:1rem !important;}body .hero-stat .stat-number{font-size:2rem !important;}}/* ============================================ UPLOAD SECTION - AD GRADING INTERFACE ============================================ */body .upload-section{padding:4rem 2rem !important;background:var(--bg-dark) !important;}body .upload-card{max-width:600px !important;margin:0 auto !important;background:rgba(255,255,255,0.03) !important;backdrop-filter:blur(10px) !important;border:2px solid rgba(0,255,136,0.3) !important;border-radius:24px !important;padding:3rem !important;text-align:center !important;box-shadow:var(--glow-green-sm),var(--shadow-xl) !important;transition:all 0.3s ease !important;}body .upload-card:hover{border-color:var(--neon-green) !important;box-shadow:var(--glow-green-md),var(--shadow-2xl) !important;transform:translateY(-5px) !important;}body .upload-icon{font-size:4rem !important;margin-bottom:1.5rem !important;animation:float 3s ease-in-out infinite !important;}body .upload-card h3{font-size:2rem !important;color:var(--neon-green) !important;text-shadow:var(--glow-green-sm) !important;margin-bottom:1rem !important;}body .upload-card p{font-size:1.1rem !important;color:var(--text-secondary) !important;margin-bottom:2rem !important;}body .btn-upload{background:var(--gradient-blue) !important;color:var(--navy-black) !important;font-weight:700 !important;font-size:1.1rem !important;padding:1.25rem 3rem !important;border:none !important;border-radius:12px !important;box-shadow:var(--glow-blue-md),var(--shadow-xl) !important;cursor:pointer !important;transition:all 0.3s ease !important;text-transform:none !important;}body .btn-upload:hover{transform:translateY(-2px) !important;box-shadow:var(--glow-blue-lg),var(--shadow-2xl) !important;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@media (max-width:768px){body .upload-section{padding:3rem 1.5rem !important;}body .upload-card{padding:2rem !important;}body .upload-icon{font-size:3rem !important;}body .upload-card h3{font-size:1.5rem !important;}body .btn-upload{width:100% !important;padding:1rem 2rem !important;}}/* ============================================ FEATURES SECTION ============================================ */body .features{padding:6rem 2rem !important;background:var(--bg-dark) !important;}body .features h2{text-align:center !important;font-size:3rem !important;color:var(--neon-green) !important;text-shadow:var(--glow-green-md) !important;margin-bottom:3rem !important;}body .features-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;gap:2rem !important;max-width:1200px !important;margin:0 auto !important;}body .feature-card{background:rgba(255,255,255,0.03) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(0,255,136,0.2) !important;border-radius:16px !important;padding:2rem !important;box-shadow:var(--glow-green-sm) !important;transition:all 0.3s ease !important;}body .feature-card:hover{transform:translateY(-10px) !important;border-color:var(--neon-green) !important;box-shadow:var(--glow-green-md) !important;}body .feature-card h3{color:var(--electric-blue) !important;text-shadow:var(--glow-blue-sm) !important;margin-bottom:1rem !important;}body .feature-card p{color:var(--text-secondary) !important;}/* ============================================ SOCIAL PROOF & TRUST SECTIONS ============================================ */body .social-proof-section,body .trust-section{padding:4rem 2rem !important;background:var(--navy-black) !important;}body .social-proof-section h2,body .trust-section h2{text-align:center !important;font-size:2.5rem !important;color:var(--neon-green) !important;text-shadow:var(--glow-green-md) !important;margin-bottom:3rem !important;}/* ============================================ FOOTER ============================================ */body .footer{background:var(--navy-dark) !important;border-top:1px solid rgba(0,255,136,0.2) !important;padding:2rem !important;}body .footer-nav-container{display:flex !important;justify-content:space-between !important;align-items:center !important;max-width:1200px !important;margin:0 auto !important;flex-wrap:wrap !important;gap:2rem !important;}body .footer-logo-img{width:50px !important;height:50px !important;filter:drop-shadow(0 0 10px var(--neon-green)) !important;}body .footer-nav a{color:var(--text-secondary) !important;text-decoration:none !important;transition:all 0.3s ease !important;}body .footer-nav a:hover{color:var(--neon-green) !important;text-shadow:var(--glow-green-sm) !important;}body .footer-email{color:var(--electric-blue) !important;text-shadow:var(--glow-blue-sm) !important;}body .footer-bottom{text-align:center !important;margin-top:2rem !important;padding-top:2rem !important;border-top:1px solid rgba(0,255,136,0.1) !important;color:var(--text-secondary) !important;}/* ============================================ PREVIEW & RESULTS SECTIONS ============================================ */body .preview-section,body .results-section{padding:3rem 2rem !important;background:var(--bg-dark) !important;}body .preview-section h2,body .results-section h2{color:var(--neon-green) !important;text-shadow:var(--glow-green-md) !important;margin-bottom:2rem !important;}/* ============================================ ALL SECTIONS - ENSURE DARK BACKGROUND ============================================ */body section{background:var(--navy-black) !important;}body section:nth-child(even){background:var(--bg-dark) !important;}/* ============================================ ANIMATIONS - SMOOTH & PROFESSIONAL ============================================ */@keyframes fade-in-up{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.fade-in-up{animation:fade-in-up 0.8s ease-out !important;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}.floating{animation:float 4s ease-in-out infinite !important;}/* ============================================ SPACING - MADGICX-LEVEL BREATHING ROOM ============================================ */.container{max-width:1200px;margin:0 auto;padding:0 2rem;}section{padding:6rem 0;}/* ============================================ RESPONSIVE ============================================ */@media (max-width:768px){.hero-section h1{font-size:3rem !important;}.hero-section p{font-size:1.2rem !important;}.section-title{font-size:2.5rem !important;}.btn-primary,.cta-button{font-size:0.95rem !important;padding:0.875rem 2rem !important;}.score-display{width:200px !important;height:200px !important;}.score-display .score-number{font-size:4rem !important;}.card,.feature-card,.pricing-card{padding:2rem !important;}}/* ============================================ DEMO RESULTS MODAL - COMPACT & EXCITING ============================================ */.demo-results-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,5,22,0.98);backdrop-filter:blur(15px);z-index:10000;overflow-y:auto;padding:1rem;animation:modalFadeIn 0.3s ease;}@keyframes modalFadeIn{from{opacity:0;}to{opacity:1;}}.demo-results-modal.active{display:flex;align-items:center;justify-content:center;}.demo-results-content{background:linear-gradient(135deg,rgba(11,11,30,0.98),rgba(20,20,40,0.98));border:2px solid #00FF88;border-radius:24px;padding:1.5rem;max-width:650px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 0 80px rgba(0,255,136,0.4),0 0 120px rgba(0,217,255,0.2);position:relative;animation:modalSlideUp 0.4s ease;}@keyframes modalSlideUp{from{opacity:0;transform:translateY(50px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.demo-results-header{text-align:center;margin-bottom:1rem;}.demo-results-header h2{font-size:1.6rem;color:#00FF88;margin-bottom:0.3rem;text-shadow:0 0 30px rgba(0,255,136,0.6);animation:textGlow 2s ease-in-out infinite;}@keyframes textGlow{0%,100%{text-shadow:0 0 30px rgba(0,255,136,0.6);}50%{text-shadow:0 0 50px rgba(0,255,136,0.9),0 0 70px rgba(0,217,255,0.5);}}.demo-results-header p{color:#94A3B8;font-size:0.9rem;}.demo-score-display{text-align:center;margin:1rem 0;}.demo-score-circle{width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,rgba(0,255,136,0.15),rgba(0,217,255,0.15));border:4px solid #00FF88;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 0.75rem;box-shadow:0 0 60px rgba(0,255,136,0.5),inset 0 0 40px rgba(0,255,136,0.1);animation:scorePulse 2s ease-in-out infinite;position:relative;}@keyframes scorePulse{0%,100%{transform:scale(1);box-shadow:0 0 60px rgba(0,255,136,0.5),inset 0 0 40px rgba(0,255,136,0.1);}50%{transform:scale(1.05);box-shadow:0 0 80px rgba(0,255,136,0.7),0 0 100px rgba(0,217,255,0.4),inset 0 0 60px rgba(0,255,136,0.2);}}.demo-score-circle::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:linear-gradient(45deg,#00FF88,#00D9FF,#00FF88);z-index:-1;opacity:0;animation:ringPulse 2s ease-in-out infinite;}@keyframes ringPulse{0%,100%{opacity:0;transform:scale(1);}50%{opacity:0.5;transform:scale(1.1);}}.demo-score-number{font-size:3rem;font-weight:700;color:#00FF88;text-shadow:0 0 40px rgba(0,255,136,0.8);animation:numberFloat 3s ease-in-out infinite;}@keyframes numberFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}.demo-score-label{font-size:0.8rem;color:#94A3B8;text-transform:uppercase;letter-spacing:1px;}.demo-criteria-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;margin:1rem 0;}.demo-criterion-card{background:rgba(11,11,30,0.7);border:1px solid rgba(0,255,136,0.3);border-radius:12px;padding:0.75rem;transition:all 0.3s ease;position:relative;overflow:hidden;}.demo-criterion-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,0.1),transparent);transition:left 0.5s ease;}.demo-criterion-card:hover::before{left:100%;}.demo-criterion-card:hover{border-color:#00FF88;box-shadow:0 0 30px rgba(0,255,136,0.3);transform:translateY(-3px) scale(1.02);}.demo-criterion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;}.demo-criterion-name{font-weight:600;color:#FFFFFF;font-size:0.95rem;}.demo-criterion-score{font-size:1.4rem;font-weight:700;color:#00FF88;text-shadow:0 0 15px rgba(0,255,136,0.6);}.demo-criterion-bar{height:6px;background:rgba(0,255,136,0.2);border-radius:3px;overflow:hidden;position:relative;}.demo-criterion-bar::after{content:'';position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:barShine 2s ease-in-out infinite;}@keyframes barShine{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}.demo-criterion-fill{height:100%;background:linear-gradient(90deg,#00FF88,#00D9FF);border-radius:3px;transition:width 1s ease;box-shadow:0 0 10px rgba(0,255,136,0.5);}.demo-insights-section{margin:1rem 0;}.demo-insights-section h3{color:#00FF88;font-size:1.1rem;margin-bottom:0.5rem;text-shadow:0 0 15px rgba(0,255,136,0.4);display:flex;align-items:center;gap:0.5rem;}.demo-insights-section h3::before{content:'⚡';animation:iconBounce 1s ease-in-out infinite;}@keyframes iconBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}.demo-insight-list{list-style:none;padding:0;}.demo-insight-item{background:rgba(11,11,30,0.5);border-left:3px solid #00FF88;padding:0.6rem 0.9rem;margin-bottom:0.4rem;border-radius:8px;color:#E2E8F0;font-size:0.9rem;transition:all 0.3s ease;animation:slideInLeft 0.5s ease forwards;opacity:0;}.demo-insight-item:nth-child(1){animation-delay:0.1s;}.demo-insight-item:nth-child(2){animation-delay:0.2s;}.demo-insight-item:nth-child(3){animation-delay:0.3s;}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:translateX(0);}}.demo-insight-item:hover{background:rgba(0,255,136,0.1);border-left-width:5px;padding-left:1.2rem;}.demo-cta-section{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,136,0.3);}.demo-cta-section h3{color:#00FF88;font-size:1.3rem;margin-bottom:0.75rem;animation:ctaGlow 2s ease-in-out infinite;}@keyframes ctaGlow{0%,100%{text-shadow:0 0 20px rgba(0,255,136,0.5);transform:scale(1);}50%{text-shadow:0 0 40px rgba(0,255,136,0.8),0 0 60px rgba(0,217,255,0.4);transform:scale(1.02);}}.demo-close-btn{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#FFFFFF;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;transition:all 0.3s ease;z-index:10;}.demo-close-btn:hover{background:rgba(255,255,255,0.2);transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px rgba(255,255,255,0.3);}@media (max-width:768px){.demo-results-content{padding:1.5rem;max-width:95%;}.demo-results-header h2{font-size:1.6rem;}.demo-score-circle{width:140px;height:140px;}.demo-score-number{font-size:3rem;}.demo-criteria-grid{grid-template-columns:1fr;gap:0.75rem;}.demo-insights-section h3{font-size:1.2rem;}.demo-cta-section h3{font-size:1.3rem;}}.popup-container{position:fixed;z-index:9999;width:200px;height:200px;}.popup-container.top-left{top:20px;left:20px;}.popup-container.top-right{top:20px;right:20px;}.popup-container.bottom-left{bottom:20px;left:20px;}.popup-container.bottom-right{bottom:20px;right:20px;}.popup-notification{background:linear-gradient(135deg,rgba(10,20,40,0.95),rgba(20,30,60,0.95));border:2px solid rgba(0,217,255,0.3);border-radius:15px;padding:1rem;margin-bottom:1rem;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 20px rgba(0,217,255,0.2);width:200px;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:slideInRight 0.5s ease-out,fadeOutGradual 2s ease-out 2s forwards;transition:all 0.3s ease;cursor:pointer;overflow:hidden;}.popup-notification:hover{transform:translateX(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.6),0 0 30px rgba(0,217,255,0.4);border-color:rgba(0,217,255,0.6);}.popup-notification.upgrade{border-color:rgba(255,215,0,0.5);box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 20px rgba(255,215,0,0.3);}.popup-notification.upgrade:hover{border-color:rgba(255,215,0,0.8);box-shadow:0 15px 40px rgba(0,0,0,0.6),0 0 30px rgba(255,215,0,0.5);}.popup-notification.first-ad{border-color:rgba(0,255,136,0.5);box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 20px rgba(0,255,136,0.3);}.popup-notification.first-ad:hover{border-color:rgba(0,255,136,0.8);box-shadow:0 15px 40px rgba(0,0,0,0.6),0 0 30px rgba(0,255,136,0.5);}.popup-notification.registration{border-color:rgba(255,0,128,0.5);box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 20px rgba(255,0,128,0.3);}.popup-notification.registration:hover{border-color:rgba(255,0,128,0.8);box-shadow:0 15px 40px rgba(0,0,0,0.6),0 0 30px rgba(255,0,128,0.5);}.popup-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;text-align:center;width:100%;}.popup-icon{font-size:2.5rem;filter:drop-shadow(0 0 5px currentColor);animation:iconPulse 2s ease-in-out infinite;margin-bottom:0.5rem;}.popup-text{color:#ffffff;font-size:0.85rem;font-weight:500;line-height:1.3;text-align:center;width:100%;}.popup-location{color:rgba(136,204,255,0.8);font-size:0.75rem;margin-top:0.3rem;text-align:center;width:100%;}.popup-close{position:absolute;top:5px;right:5px;color:rgba(255,255,255,0.6);font-size:1.2rem;cursor:pointer;padding:0.3rem;border-radius:50%;transition:all 0.3s ease;background:rgba(255,255,255,0.1);width:25px;height:25px;display:flex;align-items:center;justify-content:center;}.popup-close:hover{color:#ffffff;background:rgba(255,0,128,0.3);transform:scale(1.1);}@keyframes slideInRight{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes fadeOut{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(100%);}}@keyframes fadeOutGradual{0%{opacity:1;}50%{opacity:0.7;}75%{opacity:0.4;}90%{opacity:0.2;}100%{opacity:0;visibility:hidden;}}@keyframes iconPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.1);opacity:0.8;}}@media (max-width:768px){.popup-container{width:150px;height:150px;}.popup-container.top-left,.popup-container.top-right{top:10px;}.popup-container.bottom-left,.popup-container.bottom-right{bottom:10px;}.popup-notification{padding:0.8rem;margin-bottom:0.8rem;width:150px;height:150px;}.popup-icon{font-size:1.8rem;}.popup-text{font-size:0.75rem;}.popup-location{font-size:0.65rem;}}.popup-notification:nth-child(n+4){display:none;}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999;display:none;}.auth-modal.active{display:flex;align-items:center;justify-content:center;}.auth-modal-overlay,.user-auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,10,20,0.85),rgba(10,20,40,0.85));backdrop-filter:blur(10px);z-index:99999998;animation:fadeIn 0.3s ease-out;}.user-auth-overlay{display:flex;align-items:center;justify-content:center;z-index:99999999;}.user-auth-overlay.hidden{display:none;}.auth-modal-content,.user-auth-modal{background:linear-gradient(135deg,rgba(10,20,40,0.98),rgba(20,30,50,0.98));border:3px solid var(--primary-color);border-radius:30px;padding:3rem;max-width:500px;width:90%;box-shadow:0 0 100px var(--glow-color);animation:slideUp 0.5s ease-out;z-index:99999999;position:relative;}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;transition:all 0.3s ease;z-index:100000000;}.auth-modal-close:hover{color:var(--primary-color);transform:rotate(90deg);}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideUp{from{transform:translateY(50px);opacity:0;}to{transform:translateY(0);opacity:1;}}.auth-form{width:100%;}.auth-form h2{font-size:2rem;margin-bottom:0.5rem;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.auth-subtitle{color:var(--text-secondary);font-size:0.95rem;text-align:center;margin-bottom:2rem;}.google-btn{width:100%;padding:1rem;background:white;border:2px solid #ddd;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:0.75rem;font-size:1rem;font-weight:600;color:#333;cursor:pointer;transition:all 0.3s ease;margin-bottom:1.5rem;}.google-btn:hover{background:#f8f8f8;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.google-btn img{width:20px;height:20px;}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-secondary);}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.1);}.auth-divider span{padding:0 1rem;font-size:0.9rem;}.form-group{margin-bottom:1.5rem;}.form-group label{display:block;margin-bottom:0.5rem;color:var(--text-secondary);font-size:0.9rem;font-weight:600;}.form-group input{width:100%;padding:1rem;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:12px;color:white;font-size:1rem;transition:all 0.3s ease;}.form-group input:focus{outline:none;border-color:var(--primary-color);background:rgba(255,255,255,0.08);box-shadow:0 0 20px rgba(0,149,255,0.2);}.btn-full{width:100%;padding:1rem;margin-top:1rem;}.auth-switch{text-align:center;margin-top:1rem;color:var(--text-secondary);font-size:0.9rem;}.auth-switch a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all 0.3s ease;}.auth-switch a:hover{color:var(--secondary-color);text-decoration:underline;}.auth-header{text-align:center;margin-bottom:2rem;}.auth-logo{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite;}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}.auth-title{font-size:2rem;margin-bottom:0.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.auth-subtitle{color:var(--text-secondary);font-size:0.95rem;}.user-auth-form{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,rgba(255,255,255,0.02) 0%,rgba(0,149,255,0.02) 100%);border-radius:24px;border:1px solid rgba(0,149,255,0.1);box-shadow:0 8px 32px rgba(0,149,255,0.08),inset 0 1px 0 rgba(255,255,255,0.05);backdrop-filter:blur(10px);position:relative;}.user-auth-form::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,149,255,0.3),transparent);border-radius:24px 24px 0 0;}.auth-form-group{margin-bottom:2rem;position:relative;}.auth-form-group label{display:block;font-size:0.95rem;color:rgba(0,149,255,0.9);margin-bottom:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s ease;}.auth-form-group::before{content:'';position:absolute;left:-5px;top:8px;width:3px;height:20px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2px;opacity:0.6;transition:all 0.3s ease;}.auth-form-group:focus-within::before{opacity:1;height:24px;box-shadow:0 0 10px rgba(0,149,255,0.5);}.auth-form-group input{width:100%;padding:1.25rem 1.5rem;background:linear-gradient(135deg,rgba(0,149,255,0.08) 0%,rgba(0,217,255,0.05) 100%);border:2px solid rgba(0,149,255,0.2);border-radius:20px;color:var(--text-primary);font-size:1.05rem;font-weight:500;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(0,149,255,0.1),inset 0 1px 0 rgba(255,255,255,0.1);min-height:56px;box-sizing:border-box;}.auth-form-group input:focus{outline:none;border-color:rgba(0,149,255,0.6);background:linear-gradient(135deg,rgba(0,149,255,0.12) 0%,rgba(0,217,255,0.08) 100%);box-shadow:0 0 0 4px rgba(0,149,255,0.15),0 8px 30px rgba(0,149,255,0.25),inset 0 1px 0 rgba(255,255,255,0.2);transform:translateY(-2px);}.auth-form-group input::placeholder{color:rgba(100,150,180,0.7);opacity:1;font-weight:400;}.auth-form-group input:hover{border-color:rgba(0,149,255,0.4);background:linear-gradient(135deg,rgba(0,149,255,0.10) 0%,rgba(0,217,255,0.06) 100%);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,149,255,0.15),inset 0 1px 0 rgba(255,255,255,0.15);}.auth-form-group input.valid{border-color:rgba(16,185,129,0.5);background:linear-gradient(135deg,rgba(16,185,129,0.08) 0%,rgba(16,185,129,0.05) 100%);}.auth-form-group input.invalid{border-color:rgba(239,68,68,0.5);background:linear-gradient(135deg,rgba(239,68,68,0.08) 0%,rgba(239,68,68,0.05) 100%);animation:shake 0.5s ease-in-out;}@keyframes shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}.auth-error{color:var(--danger-color);font-size:0.9rem;margin-bottom:1rem;min-height:20px;text-align:center;}.auth-success{color:var(--success-color);font-size:0.9rem;margin-bottom:1rem;text-align:center;}.auth-btn{width:100%;padding:1.4rem 2rem;background:linear-gradient(135deg,rgba(0,149,255,1) 0%,rgba(0,217,255,1) 100%);border:2px solid rgba(0,149,255,0.3);border-radius:20px;color:white;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 25px rgba(0,149,255,0.3),inset 0 1px 0 rgba(255,255,255,0.2);text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center;gap:1rem;min-height:64px;position:relative;overflow:hidden;}.auth-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;}.auth-btn:hover::before{left:100%;}.auth-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px rgba(0,149,255,0.4),inset 0 1px 0 rgba(255,255,255,0.3);border-color:rgba(0,149,255,0.5);}.auth-btn:active{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 20px rgba(0,149,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1);}.auth-btn-icon{font-size:1.5rem;transition:transform 0.3s ease;}.auth-btn:hover .auth-btn-icon{transform:translateX(5px);}.social-auth-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;}.social-auth-btn{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:15px;background:rgba(255,255,255,0.05);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.8rem;}.social-auth-btn:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,0.3);}.social-auth-btn.google{border-color:#4285f4;}.social-auth-btn.google:hover{border-color:#4285f4;box-shadow:0 5px 20px rgba(66,133,244,0.3);}.social-auth-btn.facebook{border-color:#1877f2;}.social-auth-btn.facebook:hover{border-color:#1877f2;box-shadow:0 5px 20px rgba(24,119,242,0.3);}.social-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;}.social-icon svg{width:100%;height:100%;}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-secondary);}.auth-divider::before,.auth-divider::after{content:'';flex:1;border-bottom:1px solid rgba(0,217,255,0.2);}.auth-divider span{padding:0 1rem;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.auth-toggle{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(0,217,255,0.2);}.auth-toggle p{color:var(--text-secondary);font-size:0.9rem;margin-bottom:0.5rem;}.auth-toggle-link{color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:none;transition:all 0.3s ease;}.auth-toggle-link:hover{color:var(--secondary-color);text-decoration:underline;}.user-dashboard-panel{background:linear-gradient(135deg,rgba(0,217,255,0.1),rgba(123,47,247,0.1));border:2px solid var(--primary-color);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,217,255,0.2);}.user-welcome{text-align:center;margin-bottom:2rem;}.user-welcome h2{font-size:2rem;margin-bottom:0.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.user-welcome p{color:var(--text-secondary);font-size:1.1rem;}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;}.user-stat-card{background:rgba(0,217,255,0.05);border:2px solid rgba(0,217,255,0.2);border-radius:15px;padding:1.5rem;text-align:center;transition:all 0.3s ease;}.user-stat-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,217,255,0.3);}.user-stat-icon{font-size:2.5rem;margin-bottom:0.5rem;}.user-stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:0.3rem;}.user-stat-label{font-size:0.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;}.user-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}.user-action-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid var(--primary-color);border-radius:15px;color:white;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;}.user-action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--primary-color);}.user-action-btn.secondary{background:transparent;border-color:var(--primary-color);color:var(--primary-color);}.user-action-btn.secondary:hover{background:rgba(0,217,255,0.1);}.user-menu{position:relative;display:inline-block;}.user-menu-trigger{display:flex;align-items:center;gap:0.5rem;padding:0.8rem 1.5rem;background:rgba(0,217,255,0.1);border:2px solid var(--primary-color);border-radius:50px;color:var(--text-primary);cursor:pointer;transition:all 0.3s ease;}.user-menu-trigger:hover{background:rgba(0,217,255,0.2);box-shadow:0 5px 20px rgba(0,217,255,0.3);}.user-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;}@media (max-width:768px){.user-avatar{width:50px;height:50px;font-size:1.2rem;}}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:0.5rem;background:rgba(10,20,40,0.98);border:2px solid var(--primary-color);border-radius:15px;min-width:200px;box-shadow:0 10px 30px rgba(0,0,0,0.5);display:none;z-index:1000;}.user-menu-dropdown.active{display:block;animation:slideDown 0.3s ease-out;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.user-menu-item{padding:1rem 1.5rem;color:var(--text-primary);cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:0.8rem;border-bottom:1px solid rgba(0,217,255,0.1);}.user-menu-item:last-child{border-bottom:none;}.user-menu-item:hover{background:rgba(0,217,255,0.1);color:var(--primary-color);}.user-menu-item.logout{color:var(--danger-color);}.user-menu-item.logout:hover{background:rgba(255,0,85,0.1);}.btn-login,.btn-signup{padding:0.6rem 1.5rem;border-radius:50px;font-weight:600;transition:all 0.3s ease;text-decoration:none;display:inline-block;margin-left:0.5rem;}.btn-login{color:var(--primary-color);border:2px solid var(--primary-color);}.btn-login:hover{background:rgba(0,217,255,0.1);transform:translateY(-2px);}.btn-signup{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border:2px solid var(--primary-color);}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 5px 20px var(--primary-color);}body.authenticated #authButtons{display:none;}@media (max-width:768px){.user-auth-modal{padding:0.5rem !important;max-width:92% !important;width:92% !important;border-radius:12px !important;max-height:80vh !important;overflow-y:auto !important;margin-top:0 !important;}.auth-header{margin-bottom:0.4rem !important;}.auth-logo{font-size:1rem !important;margin-bottom:0.15rem !important;}.auth-title{font-size:0.85rem !important;margin-bottom:0.15rem !important;}.auth-subtitle{display:none !important;}.user-auth-form{padding:0.5rem !important;margin-bottom:0.5rem !important;}.social-auth-buttons{margin-bottom:0.4rem !important;gap:0.3rem !important;}.social-auth-btn{font-size:0.7rem !important;padding:0.45rem 0.6rem !important;min-height:auto !important;}.social-icon{font-size:0.8rem !important;margin-right:0.25rem !important;}.auth-form-group{margin-bottom:0.4rem !important;}.auth-form-group label{font-size:0.7rem !important;margin-bottom:0.15rem !important;}.auth-form-group input{padding:0.5rem !important;font-size:0.85rem !important;min-height:auto !important;}.auth-submit-btn{padding:0.55rem !important;font-size:0.8rem !important;margin-top:0.4rem !important;}.auth-divider{margin:0.5rem 0 !important;font-size:0.7rem !important;}.auth-footer{margin-top:0.75rem !important;font-size:0.7rem !important;}.auth-footer a{font-size:0.7rem !important;}.close-modal{top:0.4rem !important;right:0.4rem !important;font-size:1.3rem !important;width:28px !important;height:28px !important;}.forgot-password{font-size:0.65rem !important;margin-top:0.3rem !important;}.auth-form-group input{padding:0.6rem;font-size:0.85rem;}.auth-submit-btn{padding:0.7rem;font-size:0.85rem;margin-top:0.5rem;}.auth-divider{margin:0.75rem 0;font-size:0.75rem;}.form-extra{font-size:0.75rem;margin-bottom:0.75rem;}.auth-footer{font-size:0.75rem;margin-top:0.75rem;}.auth-close-btn{width:30px;height:30px;font-size:1.2rem;}.user-dashboard-panel{padding:1.5rem;}.user-welcome h2{font-size:1.6rem;}.user-stats-grid{grid-template-columns:1fr;gap:1rem;}.user-actions{flex-direction:column;}.user-action-btn{width:100%;}.btn-login,.btn-signup{padding:0.5rem 1rem;font-size:0.9rem;margin-left:0.3rem;}}