:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#ffffffde;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){button{min-height:44px;padding:.8em 1.2em}input{min-height:44px;font-size:16px}a{min-height:44px;display:inline-flex;align-items:center}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}.app{min-height:100vh}.landing-page{min-height:100vh;background-color:#0a0a0a;color:#fff;position:relative;overflow-x:hidden}.landing-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,#61dafb,transparent),radial-gradient(2px 2px at 40% 70%,#646cff,transparent),radial-gradient(1px 1px at 90% 40%,#4ecdc4,transparent),radial-gradient(1px 1px at 50% 50%,#4ecdc4,transparent);background-size:200px 200px,300px 300px,150px 150px,250px 250px;animation:particles 20s linear infinite;opacity:.1;pointer-events:none;z-index:1}.landing-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(97,218,251,.01) 2px,rgba(97,218,251,.01) 4px);animation:matrix 30s linear infinite reverse;pointer-events:none;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-image{height:70px;width:auto;object-fit:contain}.footer-logo-image{height:65px;width:auto;object-fit:contain;margin-bottom:1rem}.nav-links{display:flex;gap:2rem}.nav-links a{color:#fffc;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#61dafb}.nav-cta{background:linear-gradient(45deg,#646cff,#61dafb);border:none;padding:.75rem 1.5rem;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:transform .3s ease;text-decoration:none;display:inline-block}.nav-cta:hover{transform:translateY(-2px)}.hero{padding:8rem 2rem 4rem;text-align:center;background:radial-gradient(ellipse at center,rgba(100,108,255,.1) 0%,transparent 70%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(97,218,251,.03) 100px);animation:matrix 20s linear infinite;pointer-events:none}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(45deg,#fff,#61dafb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-title:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.hero-subtitle{font-size:1.25rem;color:#ffffffb3;margin-bottom:3rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(45deg,#646cff,#61dafb);border:none;padding:1rem 2rem;border-radius:8px;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;display:inline-block}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-5px) scale(1.05)}.btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.2);padding:1rem 2rem;border-radius:8px;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;position:relative}.btn-secondary:hover{border-color:#61dafb;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px #61dafb4d}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;background:linear-gradient(45deg,#fff,#61dafb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:conic-gradient(from 0deg,transparent,rgba(97,218,251,.2),transparent);border-radius:50%;transform:translate(-50%,-50%);animation:spinFlip 3s linear infinite;z-index:-1}.features{padding:6rem 0;background:linear-gradient(180deg,transparent 0%,rgba(100,108,255,.05) 50%,transparent 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;transition:all .5s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(97,218,251,.1),transparent);transform:translate(-100%);transition:transform .6s}.feature-card:hover:before{transform:translate(100%)}.feature-card:hover{transform:translateY(-10px) scale(1.03);border-color:#61dafb80;box-shadow:0 20px 40px #61dafb33}.feature-card:nth-child(1){animation-delay:0s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.4s}.feature-card:nth-child(4){animation-delay:.6s}.feature-card:nth-child(5){animation-delay:.8s}.feature-card:nth-child(6){animation-delay:1s}.feature-icon{width:48px;height:48px;margin:0 auto 1rem;color:#61dafb;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.2)}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.feature-card p{color:#ffffffb3;line-height:1.6}.modules{padding:6rem 0;background:#0a0a0acc}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.module-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .5s ease;position:relative}.module-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(97,218,251,.1),transparent);opacity:0;transition:opacity .3s;pointer-events:none}.module-card:hover:after{opacity:1}.module-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 40px #61dafb4d}.module-card:nth-child(1){animation-delay:0s}.module-card:nth-child(2){animation-delay:.3s}.module-card:nth-child(3){animation-delay:.6s}.module-image{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.module-img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:all .5s ease;transform:scale(1.1)}.module-card:hover .module-img{transform:scale(1.1);filter:brightness(1.1)}.module-placeholder{font-size:1.5rem;font-weight:700;color:#fff}.module-card h3{padding:1.5rem 1.5rem .5rem;font-size:1.5rem;color:#fff}.module-card p{padding:0 1.5rem 1rem;color:#ffffffb3;line-height:1.6}.btn-module{background:linear-gradient(45deg,#646cff,#61dafb);border:none;padding:.75rem 1.5rem;margin:0 1.5rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:transform .3s ease;width:calc(100% - 3rem);text-decoration:none;display:inline-block;text-align:center}.btn-module:hover{transform:translateY(-2px)}.testimonials{padding:6rem 0;background:linear-gradient(180deg,transparent 0%,rgba(97,218,251,.05) 50%,transparent 100%)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;position:relative;overflow:hidden;animation:float 3s ease-in-out infinite;transition:all .5s ease}.testimonial-card:before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,transparent,rgba(97,218,251,.1),transparent);animation:spinFlip 6s linear infinite;opacity:0;transition:opacity .3s}.testimonial-card:hover:before{opacity:1}.testimonial-card:hover{transform:translateY(-15px) scale(1.05) rotate(2deg);animation:morph 3s ease-in-out infinite,neonGlow 2s ease-in-out infinite;border-color:#61dafb80}.testimonial-card:nth-child(1){animation-delay:0s}.testimonial-card:nth-child(2){animation-delay:.4s}.testimonial-card:nth-child(3){animation-delay:.8s}.testimonial-card:nth-child(1):hover{animation:crazyPulse 2s ease-in-out infinite}.testimonial-card:nth-child(2):hover{animation:glitch 1s ease-in-out infinite}.testimonial-card:nth-child(3):hover{animation:wave 1.5s ease-in-out infinite}.stars{display:flex;gap:.25rem;margin-bottom:1rem}.star-filled{width:16px;height:16px;color:gold;fill:gold}.testimonial-card p{color:#fffc;line-height:1.6;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid rgba(97,218,251,.3);display:block;transform:scale(1.3);transition:all .5s ease;animation:bounceDot 2s}.author-avatar:hover{transform:scale(1.5) rotate(360deg);animation:spinFlip 1s ease-in-out infinite,neonGlow 2s ease-in-out infinite;border-color:#61dafb;filter:hue-rotate(180deg) saturate(2)}.testimonial-author strong{display:block;color:#fff}.testimonial-author span{color:#fff9;font-size:.9rem}.ai-assistant{padding:6rem 0;background:#0a0a0ae6}.ai-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ai-text h2{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(45deg,#fff,#61dafb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-text p{color:#ffffffb3;line-height:1.6;margin-bottom:2rem;font-size:1.1rem}.ai-features{margin-bottom:2rem}.ai-feature{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.check-icon{width:20px;height:20px;color:#61dafb;margin-top:2px;flex-shrink:0}.ai-feature span{color:#fffc;line-height:1.5}.btn-ai{background:linear-gradient(45deg,#646cff,#61dafb);border:none;padding:1rem 2rem;border-radius:8px;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:transform .3s ease}.btn-ai:hover{transform:translateY(-2px)}.ai-visual{display:flex;justify-content:center;align-items:center}.ai-avatar{width:300px;height:300px;border-radius:50%;background:linear-gradient(45deg,#646cff,#61dafb);display:flex;align-items:center;justify-content:center;position:relative;animation:float 6s ease-in-out infinite}.ai-avatar-img{width:300px;height:300px;border-radius:20px;object-fit:cover;position:relative;animation:float 6s ease-in-out infinite;transition:transform .3s ease;box-shadow:0 20px 40px #61dafb4d}.ai-avatar-img:hover{transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes particles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}@keyframes rgbSplit{0%{text-shadow:2px 0 #61dafb,-2px 0 #646cff,0 2px #61dafb}33%{text-shadow:-2px 0 #61dafb,2px 0 #646cff,0 -2px #61dafb}66%{text-shadow:0 -2px #61dafb,0 2px #646cff,-2px 0 #61dafb}to{text-shadow:2px 0 #61dafb,-2px 0 #646cff,0 2px #61dafb}}@keyframes morph{0%,to{border-radius:50% 20% 80% 30%}25%{border-radius:30% 80% 20% 70%}50%{border-radius:80% 30% 50% 40%}75%{border-radius:40% 70% 30% 80%}}@keyframes matrix{0%{transform:translateY(-100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes crazyPulse{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(90deg)}50%{transform:scale(.8) rotate(180deg)}75%{transform:scale(1.3) rotate(270deg)}to{transform:scale(1) rotate(360deg)}}@keyframes wave{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-20px) scaleY(1.1)}}@keyframes neonGlow{0%,to{box-shadow:0 0 20px #61dafb,0 0 40px #61dafb,0 0 60px #61dafb}50%{box-shadow:0 0 40px #646cff,0 0 80px #646cff,0 0 120px #646cff}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes spinFlip{0%{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(90deg) rotateX(0)}50%{transform:rotateY(180deg) rotateX(180deg)}75%{transform:rotateY(270deg) rotateX(180deg)}to{transform:rotateY(360deg) rotateX(360deg)}}@keyframes bounceDot{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.pricing{padding:6rem 0;background:linear-gradient(180deg,transparent 0%,rgba(100,108,255,.05) 50%,transparent 100%)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;position:relative;transition:transform .3s ease,border-color .3s ease}.pricing-card:hover{transform:translateY(-5px);border-color:#61dafb4d}.pricing-card.featured{border-color:#61dafb;transform:scale(1.02)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,#646cff,#61dafb);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.pricing-card h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.price{margin-bottom:2rem}.currency{font-size:1.5rem;color:#61dafb}.amount{font-size:3rem;font-weight:700;color:#fff}.period{color:#fff9;font-size:1rem}.features-list{list-style:none;padding:0;margin-bottom:2rem;text-align:left}.features-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#fffc}.btn-pricing,.btn-pricing-featured{width:100%;padding:1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .3s ease;text-decoration:none;display:inline-block;text-align:center;box-sizing:border-box}.btn-pricing{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff}.btn-pricing:hover{border-color:#61dafb;transform:translateY(-2px)}.btn-pricing-featured{background:linear-gradient(45deg,#646cff,#61dafb);border:none;color:#fff}.btn-pricing-featured:hover{transform:translateY(-2px)}.newsletter{padding:6rem 0;background:#0a0a0ae6;text-align:center}.newsletter h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#61dafb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.newsletter p{color:#ffffffb3;margin-bottom:2rem;font-size:1.1rem}.newsletter-form{display:flex;gap:1rem;max-width:500px;margin:0 auto 1rem}.newsletter-form input{flex:1;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem}.newsletter-form input::placeholder{color:#ffffff80}.btn-newsletter{background:linear-gradient(45deg,#646cff,#61dafb);border:none;padding:1rem 2rem;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:transform .3s ease}.btn-newsletter:hover{transform:translateY(-2px)}.newsletter-consent{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff9;font-size:.9rem}.footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.1);padding:4rem 0 2rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#61dafb,transparent);animation:typewriter 3s ease-in-out infinite}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1.2rem}.footer-section p{color:#fff9;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fff9;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#61dafb}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center;color:#ffffff80}@media (max-width: 768px){.nav-container{padding:1rem}.nav-links{display:none}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.features-grid,.modules-grid,.testimonials-grid{grid-template-columns:1fr}.ai-content{grid-template-columns:1fr;text-align:center}.pricing-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.footer-content{grid-template-columns:repeat(2,1fr)}}.chatbot-icon{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #007bff4d;transition:all .3s ease;z-index:1000}.chatbot-icon:hover{background:#0056b3;transform:scale(1.05);box-shadow:0 6px 25px #007bff66}.chatbot-icon.active{background:#0056b3}.chat-icon{width:24px;height:24px}.chatbot-popup{position:fixed;bottom:6rem;right:2rem;width:380px;height:600px;background:#2a2f36;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;z-index:999;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:#1a1d21;padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3a3f46}.chat-title{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600}.bot-avatar{width:24px;height:24px;font-size:1rem}.close-btn{background:none;border:none;color:#888;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .3s ease}.close-btn:hover{color:#fff}.close-icon{width:18px;height:18px}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#1a1d21}.chat-messages::-webkit-scrollbar-thumb{background:#007bff;border-radius:4px}.message{display:flex;gap:.75rem;align-items:flex-start}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;background:#007bff;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.message.user .message-avatar{background:#28a745}.message-content{background:#3a3f46;border-radius:12px;padding:.75rem 1rem;max-width:70%;position:relative}.message.user .message-content{background:#007bff}.message-badge{background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;margin-bottom:.5rem;display:inline-block}.message-content p{margin:0;color:#fff;font-size:.9rem;line-height:1.4}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.quick-action-btn{background:#1a1d21;border:1px solid #3a3f46;color:#fff;padding:.75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease;text-align:center}.quick-action-btn:hover{background:#007bff;border-color:#007bff}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-action-btn:disabled:hover{background:#1a1d21;border-color:#3a3f46}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 0}.typing-indicator span{width:6px;height:6px;background-color:#888;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input{padding:1rem;background:#1a1d21;border-top:1px solid #3a3f46;display:flex;align-items:center;gap:.75rem}.mic-btn{width:36px;height:36px;background:#3a3f46;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.mic-btn:hover{background:#007bff;color:#fff}.mic-btn:disabled{opacity:.5;cursor:not-allowed}.mic-btn:disabled:hover{background:#3a3f46;color:#888}.mic-icon{width:16px;height:16px}.message-input{flex:1;background:#3a3f46;border:none;border-radius:20px;padding:.75rem 1rem;color:#fff;font-size:.9rem}.message-input::placeholder{color:#888}.message-input:focus{outline:none;background:#4a4f56}.message-input:disabled{opacity:.7;cursor:not-allowed}.send-btn{width:36px;height:36px;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;flex-shrink:0;font-size:18px;font-weight:700}.send-btn:hover{background:#0056b3}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn:disabled:hover{background:#007bff}.send-icon{width:20px;height:20px;stroke-width:2}@media (max-width: 768px){.chatbot-popup{bottom:5rem;right:1rem;left:1rem;width:auto;height:70vh;max-height:500px}.chatbot-icon{bottom:1.5rem;right:1.5rem;width:50px;height:50px}.quick-actions{grid-template-columns:1fr}.message-content{max-width:85%}}@media (max-width: 480px){.chatbot-popup{bottom:4rem;height:60vh}.chat-messages,.chat-input{padding:.75rem}.message-content{padding:.5rem .75rem;font-size:.85rem}}.authentication{height:100vh;display:flex;justify-content:center;background:linear-gradient(135deg,#1a1d21,#2a2f36);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-container{display:flex;width:100%;max-width:1400px;box-shadow:0 20px 60px #0000004d;border-radius:20px;overflow:hidden;margin:20px}.auth-branding{flex:1;background:url(/assets/hosimg-CaIa362C.jpeg) no-repeat center center/cover;background-color:#1a1d21;padding:60px 50px;display:flex;align-items:center;position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;inset:0;background-color:#00000080;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="%23ffffff" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.branding-content{position:relative;z-index:1}.logo{margin-bottom:40px}.logo-image{height:140px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.branding-title{font-size:2.2rem;font-weight:600;margin-bottom:20px;line-height:1.3;color:#fff}.branding-subtitle{font-size:1.1rem;color:#e3f2fd;margin-bottom:50px;line-height:1.6;opacity:.9}.auth-features{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature-item{display:flex;align-items:center;gap:15px;padding:15px 0;color:#fff}.feature-icon{font-size:1.8rem;width:45px;height:45px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-item span{font-weight:500;color:#e3f2fd}.auth-form-section{flex:1;background:#fff;color:#1a1d21;padding:60px 50px;display:flex;align-items:center;justify-content:center}.auth-form-container{width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:40px}.auth-header h1{font-size:2.2rem;font-weight:700;color:#1a1d21;margin-bottom:12px}.auth-header p{color:#6b7280;font-size:1rem;line-height:1.5}.google-btn{width:100%;padding:14px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s ease;margin-bottom:30px}.google-btn:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px)}.google-btn:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.google-btn:disabled:hover{transform:none;background:#f3f4f6;border-color:#e5e7eb}.google-icon{width:20px;height:20px}.google-login-wrapper{width:100%;margin-bottom:30px}.google-login-wrapper>div{width:100%!important}.google-login-wrapper iframe{width:100%!important}.divider{position:relative;text-align:center;margin:30px 0;color:#9ca3af}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.divider span{background:#fff;padding:0 20px;font-size:.9rem;position:relative}.auth-form{margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:.9rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;color:#1a1d21;transition:all .2s ease;box-sizing:border-box}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input::placeholder{color:#9ca3af}.checkbox-group{margin-bottom:30px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.9rem;line-height:1.5;color:#6b7280}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#007bff;border-color:#007bff}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;color:#fff;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:25px}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #007bff4d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn:disabled:hover{transform:none;box-shadow:none}.link{color:#007bff;text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.forgot-password{text-align:center;margin-bottom:25px}.forgot-password .link{font-size:.9rem;color:#6b7280}.auth-switch{text-align:center;padding:20px 0;border-top:1px solid #e5e7eb;margin-bottom:25px}.auth-switch p{color:#6b7280;font-size:.9rem;margin:0}.switch-btn{background:none;border:none;color:#007bff;font-weight:500;font-size:.9rem;cursor:pointer;text-decoration:underline}.switch-btn:hover{color:#0056b3}.back-home{text-align:center}.back-link{color:#6b7280;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease}.back-link:hover{color:#007bff}@media (max-width: 968px){.auth-container{flex-direction:column;margin:10px;border-radius:15px}.auth-branding{padding:40px 30px}.branding-title{font-size:1.8rem}.auth-features{grid-template-columns:1fr}.auth-form-section{padding:40px 30px}}@media (max-width: 640px){.auth-container{margin:0;border-radius:0}.auth-branding{padding:30px 20px}.logo-image{height:100px}.branding-title{font-size:1.6rem}.auth-form-section{padding:30px 20px}.auth-header h1{font-size:1.8rem}.form-row{grid-template-columns:1fr;gap:0}}.networking-feed{min-height:100vh;background:#1a1d21;color:#fff;display:flex}.feed-container{display:flex;gap:2rem;max-width:1200px;margin:0 auto}.feed-left{flex:2;max-width:600px}.feed-right{flex:1;max-width:350px}.create-post{background:#2a2f36;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.create-post-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:#007bff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.post-input{flex:1;background:#1a1d21;border:1px solid #3a3f46;border-radius:25px;padding:.75rem 1rem;color:#fff;font-size:1rem}.post-input::placeholder{color:#888}.create-post-actions{display:flex;align-items:center;justify-content:space-between}.action-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#888;cursor:pointer;padding:.5rem;border-radius:4px;transition:color .3s ease}.action-btn:hover{color:#007bff}.post-btn{background:#007bff;border:none;color:#fff;padding:.5rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;gap:.5rem}.post-btn:hover{background:#0056b3}.post-btn:disabled{background:#6c757d;cursor:not-allowed}.activity-section h2{font-size:1.5rem;margin:0 0 1.5rem;color:#fff;font-weight:600}.post-card{background:#2a2f36;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.post-header{margin-bottom:1rem}.post-author{display:flex;gap:1rem}.author-avatar{width:48px;height:48px;border-radius:50%;background:#007bff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.author-info h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.author-title{margin:.25rem 0;font-size:.9rem;color:#888}.post-time{font-size:.8rem;color:#666}.post-content p{margin:0 0 1rem;line-height:1.6;color:#fff}.hashtags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.hashtag{color:#007bff;font-size:.9rem;cursor:pointer}.hashtag:hover{text-decoration:underline}.post-image{margin:1rem 0;border-radius:8px;overflow:hidden;background:#1a1d21;height:200px;display:flex;align-items:center;justify-content:center}.post-image-content{width:100%;height:100%;object-fit:cover}.post-stats{display:flex;gap:1.5rem;padding:1rem 0;border-bottom:1px solid #3a3f46;margin-bottom:1rem}.stat-item{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:#888}.stat-icon{width:14px;height:14px}.post-actions{display:flex;gap:1rem}.action-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#888;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;flex:1;justify-content:center}.action-button:hover{background:#007bff1a;color:#007bff}.action-button.liked{color:#007bff;background:#007bff1a}.action-button.shared{color:#28a745;background:#28a7451a}.action-icon{width:16px;height:16px}.suggestions-section,.job-board-section,.events-section{background:#2a2f36;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.suggestions-section h3,.job-board-section h3,.events-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#fff}.suggestion-card{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #3a3f46}.suggestion-card:last-child{border-bottom:none}.suggestion-avatar{width:40px;height:40px;border-radius:50%;background:#007bff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;overflow:hidden}.suggestion-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.suggestion-info{flex:1}.suggestion-info h4{margin:0;font-size:.9rem;font-weight:500;color:#fff}.suggestion-info p{margin:.25rem 0 0;font-size:.8rem;color:#888}.connect-btn{background:#007bff;border:none;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.connect-btn:hover{background:#0056b3}.connect-btn.connected{background:#28a745;color:#fff}.connect-btn.connected:hover{background:#218838}.job-card{padding:1rem 0;border-bottom:1px solid #3a3f46}.job-card:last-child{border-bottom:none}.job-header h4{margin:0;font-size:1rem;font-weight:600;color:#fff}.job-company{margin:.25rem 0;font-size:.9rem;color:#888}.job-details{margin:.5rem 0;font-size:.8rem;color:#666}.job-location{margin-right:.5rem}.job-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.job-time{font-size:.8rem;color:#666}.apply-btn{background:#007bff;border:none;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .3s ease}.apply-btn:hover{background:#0056b3}.event-card{padding:1rem 0;border-bottom:1px solid #3a3f46}.event-card:last-child{border-bottom:none}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.event-title{margin:0;font-size:1rem;font-weight:600;color:#fff;flex:1}.event-type{background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.event-details{margin-bottom:1rem}.event-detail{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;color:#888}.event-btn{background:transparent;border:1px solid #007bff;color:#007bff;padding:.5rem 1rem;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.event-btn:hover{background:#007bff;color:#fff}@media (max-width: 768px){.main-content{margin-left:0;margin-bottom:70px;padding:1rem}.feed-container{flex-direction:column;gap:1rem}.feed-left,.feed-right{max-width:100%}.create-post-actions{flex-direction:column;gap:1rem;align-items:stretch}.post-actions{flex-direction:column;gap:.5rem}.post-stats{flex-wrap:wrap;gap:1rem}}@media (max-width: 480px){.main-content{padding:.75rem}.create-post,.post-card,.suggestions-section,.job-board-section,.events-section{padding:1rem}.suggestion-card{flex-direction:column;text-align:center;gap:.75rem}.event-header{flex-direction:column;gap:.5rem}}.sidebar{width:240px;height:100vh;background:#1a1a1a;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:.5rem;color:#61dafb;font-weight:600;font-size:1.1rem;text-decoration:none;transition:color .3s ease}.logo:hover{color:#4cc8e8}.logo-image{height:60px;width:auto;object-fit:contain}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .3s ease;text-align:left;font-size:.95rem;text-decoration:none}.nav-item:hover{background:#ffffff0d;color:#61dafb}.nav-item.active{background:#61dafb1a;color:#61dafb;border-right:3px solid #61dafb}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-label{flex:1}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:1rem}.user-profile{margin-bottom:.75rem;padding:.5rem;border-radius:6px;background:#ffffff0d}.user-name{display:block;color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.user-email{display:block;color:#fff9;font-size:.8rem}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .3s ease;text-align:left;font-size:.95rem;border-radius:6px}.logout-btn:hover{background:#ffffff0d;color:#ff6b6b}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:fixed;bottom:0;top:auto;flex-direction:row;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.1);border-right:none;z-index:1001;transform:translateY(0);padding-bottom:env(safe-area-inset-bottom)}.sidebar-header,.sidebar-footer{display:none}.sidebar-nav{flex:1;display:flex;padding:.5rem 0;justify-content:space-around}.nav-item{flex-direction:column;padding:.5rem;gap:.25rem;flex:1;text-align:center;border-right:none;border-top:3px solid transparent}.nav-item.active{border-right:none;border-top:3px solid #61dafb}.nav-icon{width:18px;height:18px}.nav-label{font-size:.75rem;white-space:nowrap}}@media (max-width: 480px){.nav-label{display:none}.nav-item{padding:.75rem .5rem}}.top-nav{height:60px;background:#2a2a2a;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:fixed;top:0;left:240px;right:0;z-index:99;transition:left .3s ease}.nav-left{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s ease}.mobile-menu-btn:hover{background:#ffffff1a}.menu-icon{width:20px;height:20px}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none}.nav-tabs{display:flex;gap:.5rem}.nav-tab{padding:.5rem 1rem;background:none;border:none;color:#ffffffb3;cursor:pointer;border-radius:6px;transition:all .3s ease;font-size:.9rem;text-decoration:none;display:inline-block}.nav-tab:hover{background:#ffffff0d;color:#61dafb}.nav-tab.active{background:#61dafb;color:#000}.search-container{display:flex;align-items:center;background:#ffffff0d;border-radius:8px;padding:.5rem 1rem;max-width:400px;flex:1;margin:0 2rem}.search-icon{width:18px;height:18px;color:#ffffff80;margin-right:.5rem}.search-input{flex:1;background:none;border:none;color:#fff;outline:none;font-size:.9rem}.search-input::placeholder{color:#ffffff80}.search-btn{background:#61dafb;border:none;padding:.4rem .8rem;border-radius:6px;color:#000;cursor:pointer;font-size:.85rem;font-weight:500;margin-left:.5rem;transition:background .3s ease}.search-btn:hover{background:#4cc8e8}.nav-right{display:flex;align-items:center;gap:1rem}.btn-primary{background:#61dafb;border:none;padding:.5rem 1rem;border-radius:6px;color:#000;cursor:pointer;font-weight:500;transition:background .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{background:#4cc8e8}.user-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;color:#61dafb;cursor:pointer;transition:background .3s ease}.user-avatar:hover{background:#ffffff26}.user-icon{width:20px;height:20px}.chat-icon-btn{width:36px;height:36px;border-radius:50%;background:#61dafb;border:none;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer;transition:background .3s ease}.chat-icon-btn:hover{background:#4cc8e8}.chat-icon{width:18px;height:18px}.cart-btn{position:relative;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;color:#61dafb;cursor:pointer;transition:background .3s ease}.cart-btn:hover{background:#ffffff26}.cart-icon{width:18px;height:18px}.cart-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid #2a2a2a}@media (max-width: 768px){.top-nav{left:0;padding:0 1rem;height:56px}.mobile-menu-btn,.mobile-menu-overlay{display:block}.nav-tabs{display:none;position:absolute;top:100%;left:0;right:0;background:#1a1d21;border-top:1px solid rgba(255,255,255,.1);flex-direction:column;z-index:1000;box-shadow:0 4px 8px #0000004d}.nav-tabs.mobile-open{display:flex}.nav-tab{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;width:100%}.nav-tab:last-child{border-bottom:none}.nav-tab:hover,.nav-tab.active{background:#61dafb1a;border-left:3px solid #61dafb}.search-container{margin:0 1rem;max-width:none}.search-btn{display:none}.nav-right{gap:.5rem}.btn-primary{padding:.4rem .8rem;font-size:.85rem}}@media (max-width: 480px){.top-nav{padding:0 .75rem}.search-container{margin:0 .5rem}.search-input{font-size:.85rem}.user-avatar,.chat-icon-btn{width:32px;height:32px}.user-icon,.chat-icon{width:16px;height:16px}}.notifications-container{position:fixed;top:80px;right:20px;z-index:1001;display:flex;flex-direction:column;gap:12px;max-width:400px;width:100%;pointer-events:none}.notification{display:flex;align-items:flex-start;gap:12px;background:#2a2f36;border:1px solid #3a3f46;border-radius:8px;padding:16px;box-shadow:0 4px 12px #0000004d;animation:slideIn .3s ease-out;pointer-events:auto;position:relative;overflow:hidden}.notification:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:currentColor}.notification.success{color:#28a745;border-left-color:#28a745}.notification.error{color:#dc3545;border-left-color:#dc3545}.notification.warning{color:#ffc107;border-left-color:#ffc107}.notification.info{color:#17a2b8;border-left-color:#17a2b8}.notification.cart{color:#007bff;border-left-color:#007bff}.notification.favorite{color:#ff4757;border-left-color:#ff4757}.notification.property{color:#6f42c1;border-left-color:#6f42c1}.notification-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.875rem;color:#fff;margin-bottom:4px;line-height:1.4}.notification-message{font-size:.8rem;color:#b0b0b0;line-height:1.4}.notification-close{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-close:hover{background:#ffffff1a;color:#fff}.close-icon{width:14px;height:14px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1;max-height:100px}to{transform:translate(100%);opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}.notification.removing{animation:slideOut .3s ease-in forwards}@media (max-width: 768px){.notifications-container{top:70px;right:10px;left:10px;max-width:none}.notification{padding:12px}.notification-title{font-size:.8rem}.notification-message{font-size:.75rem}}.ecommerce-catalog{min-height:100vh;background:#1a1d21;color:#fff;display:flex}.main-content{flex:1;margin-left:240px;margin-top:60px;padding:2rem;min-height:calc(100vh - 60px)}.catalog-header{margin-bottom:2rem}.catalog-header h1{font-size:2rem;margin:0;color:#fff;font-weight:600}.catalog-content{display:flex;gap:2rem}.filters-sidebar{width:280px;background:#2a2f36;border-radius:8px;padding:1.5rem;height:fit-content;position:sticky;top:2rem}.filters-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:600;color:#fff}.price-range-filter,.brand-filter,.rating-filter{margin-bottom:2rem}.price-range-filter h4,.brand-filter h4,.rating-filter h4{margin:0 0 1rem;font-size:1rem;color:#fff;font-weight:500}.price-inputs{display:flex;align-items:center;gap:.5rem}.price-input{flex:1;background:#1a1d21;border:1px solid #3a3f46;color:#fff;padding:.5rem;border-radius:4px;font-size:.9rem}.price-input::placeholder{color:#888}.price-inputs span{color:#888}.brand-checkboxes,.rating-options{display:flex;flex-direction:column;gap:.75rem}.brand-option,.rating-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:#fff}.brand-option input[type=checkbox],.rating-option input[type=checkbox]{display:none}.checkmark{width:16px;height:16px;border:2px solid #3a3f46;border-radius:3px;position:relative;background:#1a1d21}.brand-option input[type=checkbox]:checked+.checkmark,.rating-option input[type=checkbox]:checked+.checkmark{background:#007bff;border-color:#007bff}.brand-option input[type=checkbox]:checked+.checkmark:after,.rating-option input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:12px;font-weight:700}.view-all-link{color:#007bff;text-decoration:none;font-size:.9rem;margin-top:.5rem;display:inline-block}.view-all-link:hover{text-decoration:underline}.products-section{flex:1}.product-section{margin-bottom:3rem}.product-section h2{font-size:1.5rem;margin:0 0 1.5rem;color:#fff;font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.product-card{background:#2a2f36;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.product-badge{position:absolute;top:.75rem;left:.75rem;background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;z-index:2}.product-image{position:relative;height:200px;background:#1a1d21;display:flex;align-items:center;justify-content:center}.image-placeholder{font-size:3rem;opacity:.7}.product-image-content{width:100%;height:100%;object-fit:cover}.wishlist-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0}.product-card:hover .wishlist-btn{opacity:1}.wishlist-btn:hover{background:#007bff}.heart-icon{width:14px;height:14px}.product-info{padding:1rem}.product-name{font-size:1rem;font-weight:500;margin:0 0 .5rem;line-height:1.3;color:#fff}.product-price{margin-bottom:.5rem}.current-price{font-size:1.25rem;font-weight:600;color:#007bff}.original-price{font-size:.9rem;color:#888;text-decoration:line-through;margin-left:.5rem}.product-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:#888}.brand-icon{width:16px;height:16px;color:#888}.product-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.stars{display:flex;gap:.1rem}.star{width:12px;height:12px;color:#3a3f46}.star.filled{color:gold;fill:gold}.rating-text{font-size:.8rem;color:#888}.product-colors{display:flex;gap:.5rem;margin-bottom:1rem}.color-dot{width:16px;height:16px;border-radius:50%;border:2px solid #3a3f46;cursor:pointer}.color-dot.blue{background:#007bff}.color-dot.gray{background:#6c757d}.color-dot.black{background:#000}.color-dot.white{background:#fff}.color-dot.silver{background:silver}.color-dot.orange{background:#fd7e14}.color-dot.red{background:#dc3545}.color-dot.green{background:#28a745}.color-dot.wood{background:#8b4513}.color-dot.multicolor{background:conic-gradient(from 0deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080)}.add-to-cart-btn{width:100%;background:#007bff;border:none;color:#fff;padding:.75rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-to-cart-btn:hover{background:#0056b3}.cart-btn-icon{width:16px;height:16px}.catalog-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #3a3f46;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.main-content{margin-left:0;margin-bottom:70px;padding:1rem}.catalog-content{flex-direction:column;gap:1rem}.filters-sidebar{width:100%;position:static;order:2}.products-section{order:1}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.catalog-footer{flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center}}@media (max-width: 480px){.main-content{padding:.75rem}.catalog-header h1{font-size:1.5rem}.filters-sidebar{padding:1rem}.products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.product-info{padding:1rem}.product-name{font-size:.9rem}.footer-links{flex-wrap:wrap;gap:1rem}}.cart-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end}.cart-sidebar{width:400px;max-width:90vw;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;overflow:hidden}.cart-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.cart-title{display:flex;align-items:center;gap:12px}.cart-title h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.cart-icon{width:24px;height:24px;color:#6366f1}.close-cart-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s}.close-cart-btn:hover{background:#e5e7eb}.close-icon{width:20px;height:20px;color:#6b7280}.cart-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.empty-cart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-cart-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.empty-cart h3{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#374151}.empty-cart p{margin:0;color:#6b7280}.cart-items{flex:1;overflow-y:auto;padding:0}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto;gap:12px;padding:16px 20px;border-bottom:1px solid #f3f4f6;align-items:start}.cart-item:last-child{border-bottom:none}.cart-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f3f4f6}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;font-size:.75rem;text-align:center}.cart-item-details{min-width:0}.cart-item-name{margin:0 0 4px;font-size:.875rem;font-weight:600;color:#1f2937;line-height:1.4}.cart-item-brand{margin:0 0 8px;font-size:.75rem;color:#6b7280}.cart-item-price{font-size:.875rem;font-weight:600;color:#059669}.cart-item-controls{display:flex;flex-direction:column;align-items:center;gap:8px}.quantity-controls{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;background:#fff}.quantity-btn{width:32px;height:32px;background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.quantity-btn:hover{background:#f3f4f6}.quantity-icon{width:14px;height:14px;color:#6b7280}.quantity-display{min-width:40px;text-align:center;padding:0 8px;font-size:.875rem;font-weight:500;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.remove-item-btn{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;transition:background-color .2s}.remove-item-btn:hover{background:#fee2e2}.remove-icon{width:16px;height:16px;color:#dc2626}.cart-item-total{font-size:.875rem;font-weight:600;color:#1f2937;text-align:right}.cart-footer{border-top:1px solid #e5e7eb;padding:20px;background:#f9fafb}.cart-summary{margin-bottom:16px}.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:600}.total-label{color:#374151}.total-amount{color:#059669}.cart-actions{display:flex;gap:12px}.clear-cart-btn,.checkout-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.clear-cart-btn{background:#fff;color:#6b7280;border:1px solid #d1d5db}.clear-cart-btn:hover{background:#f9fafb;border-color:#9ca3af}.checkout-btn{background:#6366f1;color:#fff}.checkout-btn:hover{background:#5856eb}@media (max-width: 768px){.cart-sidebar{width:100vw}.cart-item{grid-template-columns:60px 1fr auto;grid-template-rows:auto auto;gap:8px}.cart-item-image{width:60px;height:60px}.cart-item-controls{grid-column:1 / -1;flex-direction:row;justify-content:space-between;margin-top:8px}.cart-item-total{grid-row:1;grid-column:3}.cart-actions{flex-direction:column}}@media (max-width: 480px){.cart-header{padding:16px}.cart-title h2{font-size:1.125rem}.cart-item{padding:12px 16px}.cart-footer{padding:16px}}.real-estate-li.listings-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.listings-header h1{font-size:2rem;margin:0;color:#fff;font-weight:700}.search-and-controls{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.search-bar{display:flex;align-items:center;background:#2a2f36;border:1px solid #3a3f46;border-radius:8px;padding:.75rem 1rem;flex:1;max-width:400px;gap:.5rem}.search-icon{width:18px;height:18px;color:#888}.search-input{background:none;border:none;color:#fff;font-size:.9rem;flex:1;outline:none}.search-input::placeholder{color:#888}.real-estate-container{min-height:100vh;background:#1a1d21;color:#fff;display:flex}.main-content{flex:1;margin-left:240px;margin-top:60px;padding:2rem;min-height:calc(100vh - 60px);background:#0d0d0e}.listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.listings-header h1{font-size:2rem;margin:0;color:#fff;font-weight:600}.view-controls{display:flex;align-items:center;gap:1rem}.view-btn{display:flex;align-items:center;gap:.5rem;background:#2a2f36;border:none;color:#fff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.view-btn.active{background:#007bff;color:#fff}.view-btn:hover:not(.active){background:#3a3f46}.view-icon{width:16px;height:16px}.sort-select{background:#2a2f36;border:1px solid #3a3f46;color:#fff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem}.listings-layout{display:flex;gap:2rem}.filters-sidebar{width:280px;background:#2a2f36;border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:80px}.filters-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:#fff;font-weight:600}.filter-icon{width:18px;height:18px}.filter-section{margin-bottom:1.5rem}.filter-section h4{margin:0 0 .75rem;color:#fff;font-size:.9rem;font-weight:600}.price-inputs{display:flex;gap:.5rem}.filter-input,.filter-select{background:#1a1d21;border:1px solid #3a3f46;color:#fff;padding:.5rem;border-radius:6px;font-size:.85rem;width:100%}.filter-input::placeholder{color:#888}.filter-select{cursor:pointer}.results-count{padding-top:1rem;border-top:1px solid #3a3f46;text-align:center}.results-count span{color:#888;font-size:.85rem}.properties-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.property-card{background:#2a2f36;border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative}.property-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0000004d}.property-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:2}.property-badge.new{background:#28a745;color:#fff}.property-badge.reduced{background:#007bff;color:#fff}.property-badge.featured{background:#fd7e14;color:#fff}.property-image{position:relative;height:200px;background:#1a1d21;display:flex;align-items:center;justify-content:center}.image-placeholder{font-size:4rem;opacity:.7}.property-image-content{width:100%;height:100%;object-fit:cover}.favorite-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;color:#1a1d21;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0}.property-card:hover .favorite-btn{opacity:1}.favorite-btn:hover{background:#ff4757;color:#fff}.favorite-btn.favorited{opacity:1;background:#ff4757;color:#fff}.heart-icon{width:18px;height:18px}.property-info{padding:1.5rem}.property-price{font-size:1.5rem;font-weight:700;color:#007bff;margin-bottom:.5rem}.property-title{font-size:1rem;color:#fff;margin-bottom:1rem;line-height:1.4}.property-details{display:flex;gap:1rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:#888}.detail-icon{width:14px;height:14px}.property-agent{display:flex;justify-content:space-between;align-items:center}.agent-info{display:flex;align-items:center;gap:.5rem}.agent-avatar{width:32px;height:32px;border-radius:50%;background:#3a3f46;display:flex;align-items:center;justify-content:center;font-size:1rem;overflow:hidden}.agent-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.agent-name{font-size:.9rem;color:#fff}.view-details-btn{background:#007bff;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.view-details-btn:hover{background:#0056b3}.sidebar-right{width:300px;display:flex;flex-direction:column;gap:2rem}.mortgage-calculator{background:#2a2f36;border-radius:12px;padding:1.5rem}.mortgage-calculator h3{margin:0 0 .5rem;font-size:1.2rem;color:#fff}.mortgage-calculator p{margin:0 0 1.5rem;color:#888;font-size:.9rem}.calculator-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.9rem;color:#fff;font-weight:500}.input-group input[type=text]{background:#1a1d21;border:1px solid #3a3f46;color:#fff;padding:.75rem;border-radius:6px;font-size:.9rem}.slider-container{position:relative}.slider{width:100%;height:6px;border-radius:3px;background:#3a3f46;outline:none;-webkit-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.calculate-btn{width:100%;background:#007bff;border:none;color:#fff;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.calculate-btn:hover{background:#0056b3}.area-overview{background:#2a2f36;border-radius:12px;padding:1.5rem}.area-overview h3{margin:0 0 1rem;font-size:1.2rem;color:#fff}.map-placeholder{background:#1a1d21;border-radius:8px;height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative}.map-icon{width:48px;height:48px;opacity:.5;color:#888}.property-icon{width:48px;height:48px;color:#888;opacity:.7}.social-icon{width:20px;height:20px}.map-dots{position:absolute;top:20px;right:20px;display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.blue{background:#007bff}.dot.orange{background:#fd7e14}.dot.red{background:#dc3545}.area-overview p{margin:0 0 1rem;color:#888;font-size:.9rem}.view-map-link{color:#007bff;text-decoration:none;font-size:.9rem}.view-map-link:hover{text-decoration:underline}.advanced-filters{margin-top:3rem;display:flex;justify-content:center}.filters-btn{display:flex;align-items:center;gap:.5rem;background:#2a2f36;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.filters-btn:hover{background:#3a3f46}.filter-icon{width:16px;height:16px}.listings-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #3a3f46;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:2rem}.footer-links a{color:#888;text-decoration:none;font-size:.9rem}.footer-links a:hover{color:#007bff}.footer-social{display:flex;gap:1rem}.footer-social a{font-size:1.2rem;text-decoration:none;transition:transform .3s ease;color:#888}.footer-social a:hover{transform:scale(1.1);color:#fff}@media (max-width: 768px){.main-content{margin-left:0;margin-bottom:70px;padding:1rem}.listings-header{flex-direction:column;gap:1rem;align-items:stretch}.view-controls{justify-content:space-between}.listings-layout{flex-direction:column;gap:1rem}.sidebar-right{width:100%;order:-1}.properties-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.listings-footer{flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center}}@media (max-width: 480px){.main-content{padding:.75rem}.listings-header h1{font-size:1.5rem}.view-controls{flex-direction:column;gap:.75rem}.properties-grid{grid-template-columns:1fr;gap:1rem}.property-details{flex-direction:column;gap:.5rem}.property-agent{flex-direction:column;gap:1rem;align-items:stretch}.view-details-btn{width:100%}.footer-links{flex-wrap:wrap;gap:1rem}}