/* Reset and Base Styles */ *{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--secondary-color:#10b981;--accent-color:#f59e0b;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#ffffff;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-dark:#111827;--border-color:#e5e7eb;--error-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--focus-color:#3b82f6;--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius:0.5rem;--radius-lg:1rem;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--font-size-base:16px;--line-height-base:1.6}/* Dark mode variables */ @media (prefers-color-scheme:dark){:root{--text-primary:#f9fafb;--text-secondary:#9ca3af;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-dark:#030712;--border-color:#374151;--shadow:0 1px 3px 0 rgba(0,0,0,0.3),0 1px 2px 0 rgba(0,0,0,0.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -2px rgba(0,0,0,0.1)}}/* High contrast mode support */ @media (prefers-contrast:high){:root{--primary-color:#0000ff;--text-primary:#000000;--bg-primary:#ffffff;--border-color:#000000}}/* Base styles */ html{font-size:var(--font-size-base);scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--bg-primary);transition:var(--transition)}/* Font size controls for accessibility */ .text-size-small{font-size:14px}.text-size-medium{font-size:16px}.text-size-large{font-size:18px}.text-size-xlarge{font-size:20px}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}/* Accessibility Toolbar */ .accessibility-toolbar{position:fixed;top:50%;right:-200px;transform:translateY(-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius) 0 0 var(--radius);padding:1rem;box-shadow:var(--shadow-lg);z-index:999;transition:var(--transition);width:200px}.accessibility-toolbar.open{right:0}.toolbar-toggle{position:absolute;left:-40px;top:50%;transform:translateY(-50%);background:var(--primary-color);color:white;border:none;border-radius:var(--radius) 0 0 var(--radius);padding:0.75rem;cursor:pointer;transition:var(--transition)}.toolbar-toggle:hover{background:var(--primary-dark)}.toolbar-group{margin-bottom:1rem}.toolbar-group:last-child{margin-bottom:0}.toolbar-group label{display:block;font-size:0.875rem;font-weight:600;margin-bottom:0.5rem;color:var(--text-primary)}.toolbar-group button{width:100%;padding:0.5rem;margin-bottom:0.25rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.toolbar-group button:hover,.toolbar-group button.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}/* Dark mode toggle */ .dark-mode-toggle{position:fixed;bottom:2rem;right:2rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);z-index:999;transition:var(--transition)}.dark-mode-toggle:hover{transform:scale(1.1)}.dark-mode-toggle i{font-size:1.25rem;color:var(--text-primary)}/* Skip to main content */ .skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:white;padding:8px 16px;text-decoration:none;border-radius:0 0 var(--radius) 0;z-index:10000;transition:top 0.2s ease;font-weight:600}.skip-link:focus{top:0}/* Navigation */ .navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;padding:1rem 0;transition:var(--transition)}.navbar.scrolled{box-shadow:var(--shadow-lg)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:0.5rem;font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--text-primary)}.nav-brand:hover{color:var(--primary-color)}.logo{font-size:1.5rem;color:var(--primary-color)}.nav-menu{display:flex;gap:2rem;align-items:center;list-style:none;margin:0;padding:0}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;transition:var(--transition);position:relative;padding:0.5rem 0}.nav-link:hover{color:var(--primary-color)}.nav-link:focus{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:var(--radius)}.nav-link[aria-current="page"]{color:var(--primary-color);font-weight:600}.nav-link[aria-current="page"]::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-color);border-radius:var(--radius)}.cta-button{background:var(--primary-color);color:white !important;padding:0.5rem 1.5rem;border-radius:var(--radius);transition:var(--transition);font-weight:600}.cta-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.nav-toggle{display:none;flex-direction:column;cursor:pointer;background:none;border:none;padding:0.5rem;border-radius:var(--radius)}.nav-toggle:focus{outline:2px solid var(--focus-color);outline-offset:2px}.nav-toggle span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:var(--transition);border-radius:2px}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}/* Breadcrumb */ .breadcrumb{padding:1rem 0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.breadcrumb-list{display:flex;gap:0.5rem;list-style:none;margin:0;padding:0;font-size:0.875rem}.breadcrumb-item{display:flex;align-items:center;gap:0.5rem}.breadcrumb-item:not(:last-child)::after{content:'/';color:var(--text-secondary)}.breadcrumb-link{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-link[aria-current="page"]{color:var(--text-secondary);pointer-events:none}/* Hero Section */ .hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.1);z-index:1}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:2rem;opacity:0.9}.hero-toggle{display:flex;gap:1rem;margin-bottom:2rem;background:rgba(255,255,255,0.1);padding:0.5rem;border-radius:var(--radius-lg);backdrop-filter:blur(10px)}.toggle-btn{flex:1;padding:1rem 1.5rem;border:2px solid transparent;background:transparent;color:white;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:0.5rem}.toggle-btn:hover{background:rgba(255,255,255,0.1)}.toggle-btn.active{background:white;color:var(--primary-color);box-shadow:var(--shadow);border-color:var(--primary-color)}.toggle-btn:focus{outline:2px solid white;outline-offset:2px}.toggle-btn[aria-pressed="true"]{background:white;color:var(--primary-color)}.hero-cta{margin-top:2rem}.cta-content{display:none;animation:fadeIn 0.3s ease-in}.cta-content.active{display:block}.cta-text{font-size:clamp(0.9rem,1.5vw,1.1rem);margin-bottom:1.5rem;opacity:0.9}/* Buttons */ .button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 2rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;line-height:1.2}.button:focus{outline:2px solid var(--focus-color);outline-offset:2px}.button:disabled{opacity:0.6;cursor:not-allowed;transform:none !important}.primary-button{background:var(--secondary-color);color:white;box-shadow:var(--shadow)}.primary-button:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.secondary-button{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.secondary-button:hover:not(:disabled){background:var(--primary-color);color:white}.button-loading{display:inline-flex;align-items:center;gap:0.5rem}.button-loading i{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}/* Phone Mockup */ .phone-mockup{width:300px;height:600px;background:#1f2937;border-radius:2rem;padding:1rem;margin:0 auto;box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.phone-mockup::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:30px;background:#1f2937;border-radius:0 0 1rem 1rem;z-index:10}.screen{width:100%;height:100%;background:var(--bg-primary);border-radius:1.5rem;overflow:hidden;position:relative}.app-interface{padding:2rem;height:100%;display:flex;flex-direction:column;gap:1rem;padding-top:3rem}.notification{background:var(--bg-secondary);padding:1rem;border-radius:var(--radius);border-left:4px solid var(--primary-color);display:flex;align-items:center;gap:0.75rem;font-size:0.9rem;animation:slideIn 0.5s ease-out;transition:var(--transition)}.notification:hover{transform:translateX(4px);box-shadow:var(--shadow)}.notification:nth-child(2){animation-delay:0.2s}.notification:nth-child(3){animation-delay:0.4s}.notification i{color:var(--primary-color);flex-shrink:0}/* Sections */ .section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary);line-height:1.2}.section-header p{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}/* Landlord Section */ .landlord-section{padding:6rem 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background:var(--bg-primary);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border-color)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-card:focus-within{border-color:var(--focus-color);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.feature-icon{width:60px;height:60px;background:var(--primary-color);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:var(--transition)}.feature-card:hover .feature-icon{transform:scale(1.1);background:var(--primary-dark)}.feature-icon i{font-size:1.5rem;color:white}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);line-height:1.3}.feature-card p{color:var(--text-secondary);line-height:1.6}/* Testimonial */ .testimonial{background:var(--bg-primary);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;max-width:800px;margin:0 auto;border:1px solid var(--border-color)}.testimonial blockquote{font-size:clamp(1.1rem,2vw,1.25rem);font-style:italic;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.6}.testimonial cite{color:var(--text-secondary);font-weight:500;font-style:normal}.testimonial cite::before{content:'— '}/* Renter Section */ .renter-section{padding:6rem 0}/* Bangalore Section */ .bangalore-section{padding:6rem 0;background:linear-gradient(135deg,#f97316 0%,#dc2626 100%);color:white}.bangalore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.bangalore-card{background:rgba(255,255,255,0.1);padding:2rem;border-radius:var(--radius-lg);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:var(--transition)}.bangalore-card:hover{background:rgba(255,255,255,0.15);transform:translateY(-4px)}.bangalore-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:0.75rem;line-height:1.3}.bangalore-card p{opacity:0.9;line-height:1.6}/* How It Works */ .how-it-works{padding:6rem 0;background:var(--bg-secondary)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;text-align:center}.step{position:relative}.step-number{width:60px;height:60px;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;transition:var(--transition)}.step:hover .step-number{transform:scale(1.1);background:var(--primary-dark)}.step h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);line-height:1.3}.step p{color:var(--text-secondary);line-height:1.6}/* Pricing */ .pricing-section{padding:6rem 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;position:relative;transition:var(--transition)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--primary-color);transform:scale(1.05);z-index:2}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary-color);color:white;padding:0.5rem 1.5rem;border-radius:var(--radius);font-size:0.8rem;font-weight:600;white-space:nowrap}.pricing-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.price{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--primary-color);margin-bottom:0.5rem;line-height:1}.price span{font-size:1rem;font-weight:400;color:var(--text-secondary)}.price-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:0.9rem}.feature-list{list-style:none;margin-bottom:2rem;text-align:left;padding:0}.feature-list li{padding:0.75rem 0;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;gap:0.75rem;line-height:1.4}.feature-list li:last-child{border-bottom:none}.feature-list i{color:var(--secondary-color);margin-top:0.1rem;flex-shrink:0}/* Waitlist Form */ .waitlist-section{padding:6rem 0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:white}.waitlist-form-container{max-width:600px;margin:0 auto;text-align:center}.waitlist-form-container h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;line-height:1.2}.waitlist-form-container p{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:3rem;opacity:0.9;line-height:1.6}.waitlist-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative;text-align:left}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500;font-size:0.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid rgba(255,255,255,0.2);border-radius:var(--radius);font-size:1rem;background:rgba(255,255,255,0.1);color:white;backdrop-filter:blur(10px);transition:var(--transition);appearance:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:white;background:rgba(255,255,255,0.15);box-shadow:0 0 0 3px rgba(255,255,255,0.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0.7)}.form-group select option{color:var(--text-primary);background:var(--bg-primary)}.form-group input[aria-invalid="true"],.form-group select[aria-invalid="true"],.form-group textarea[aria-invalid="true"]{border-color:var(--error-color)}.error-message{display:block;color:#fca5a5;font-size:0.875rem;margin-top:0.5rem;text-align:left;font-weight:500}.error-message:empty{display:none}.form-success{display:none;background:rgba(255,255,255,0.1);padding:3rem;border-radius:var(--radius-lg);backdrop-filter:blur(10px);text-align:center;transition:var(--transition)}.form-success i{font-size:3rem;color:var(--success-color);margin-bottom:1rem}.form-success h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.form-success p{opacity:0.9;line-height:1.6}/* Footer */ .footer{background:var(--bg-dark);color:white;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-brand .logo{font-size:2rem;color:var(--primary-color)}.footer-brand .brand-name{font-size:1.5rem;font-weight:700}.footer-brand p{margin-top:0.5rem;opacity:0.7;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:0.75rem}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;transition:var(--transition);line-height:1.4}.footer-links a:hover{color:white;transform:translateX(4px)}.footer-links a:focus{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:var(--radius)}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;transition:var(--transition);text-decoration:none}.footer-social a:hover{background:var(--primary-color);transform:translateY(-2px)}.footer-social a:focus{outline:2px solid var(--focus-color);outline-offset:2px}.footer-social a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);opacity:0.7;font-size:0.875rem;line-height:1.6}/* Toast Notifications */ .toast-container{position:fixed;bottom:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:1rem;max-width:400px;width:90vw}.toast{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);padding:1rem 1.5rem;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:0.75rem;animation:slideInRight 0.3s ease-out;transition:var(--transition);position:relative}.toast:focus-within{border-color:var(--focus-color);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.toast-success{border-left:4px solid var(--success-color)}.toast-error{border-left:4px solid var(--error-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-info{border-left:4px solid var(--primary-color)}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast-success .toast-icon{color:var(--success-color)}.toast-error .toast-icon{color:var(--error-color)}.toast-warning .toast-icon{color:var(--warning-color)}.toast-info .toast-icon{color:var(--primary-color)}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;margin-bottom:0.25rem;color:var(--text-primary)}.toast-message{font-size:0.875rem;color:var(--text-secondary);line-height:1.4}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0.25rem;border-radius:var(--radius);transition:var(--transition);flex-shrink:0}.toast-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.toast-close:focus{outline:2px solid var(--focus-color);outline-offset:2px}.toast-close span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}/* Modal/Dialog */ .modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:var(--transition);padding:1rem}.modal.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(0.9);transition:var(--transition)}.modal.active .modal-content{transform:scale(1)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0.5rem;border-radius:var(--radius);transition:var(--transition)}.modal-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.modal-close:focus{outline:2px solid var(--focus-color);outline-offset:2px}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end}/* Progress Bar */ .progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--primary-color);z-index:10001;transition:width 0.3s ease}/* Loading Spinner */ .loading-spinner{display:inline-flex;align-items:center;justify-content:center}.loading-spinner i{animation:spin 1s linear infinite}/* Search */ .search-container{position:relative;max-width:400px;margin:0 auto 2rem}.search-input{width:100%;padding:1rem 3rem 1rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.search-button{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0.5rem;border-radius:var(--radius);transition:var(--transition)}.search-button:hover{color:var(--primary-color)}.search-button:focus{outline:2px solid var(--focus-color);outline-offset:2px}/* Print styles */ @media print{.navbar,.footer,.accessibility-toolbar,.dark-mode-toggle,.toast-container,.modal,.nav-toggle{display:none !important}body{font-size:12pt;line-height:1.4}.hero{background:none !important;color:black !important;min-height:auto;padding:2rem 0}.container{max-width:100%;padding:0 1rem}.phone-mockup{display:none}.section-header{margin-bottom:2rem}.feature-card,.pricing-card,.testimonial{break-inside:avoid;box-shadow:none !important;border:1px solid #ccc !important}}/* Animations */ @keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}/* Reduced motion */ @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.progress-bar{display:none}}/* Focus visible */ *:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:var(--radius)}/* High contrast mode */ @media (prefers-contrast:high){.feature-card,.pricing-card,.testimonial,.bangalore-card{border-width:3px}.nav-link:focus,.button:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline-width:4px}}/* Responsive Design */ @media (max-width:768px){.navbar{padding:0.75rem 0}.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--bg-primary);flex-direction:column;padding:1.5rem;box-shadow:var(--shadow-lg);border-top:1px solid var(--border-color);gap:1rem}.nav-menu.active{display:flex}.nav-toggle{display:flex}.hero .container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-toggle{flex-direction:column}.phone-mockup{width:250px;height:500px;margin:0 auto}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:scale(1) translateY(-4px)}.steps-container{gap:2rem}.toast-container{bottom:1rem;right:1rem;left:1rem;width:auto}.dark-mode-toggle{bottom:1rem;right:1rem}.modal-content{max-height:85vh}}@media (max-width:480px){.container{padding:0 1rem}.hero{padding:6rem 0 3rem}.section-header{margin-bottom:2rem}.features-grid,.pricing-grid,.bangalore-grid,.steps-container{gap:1rem}.feature-card,.pricing-card,.bangalore-card{padding:1.5rem}.testimonial{padding:2rem}.price{font-size:2.5rem}.modal-footer{flex-direction:column}.modal-footer .button{width:100%}}/* ============================================ NEW ADDITIONS FOR WEBSITE ENHANCEMENT ============================================ */ /* Page Loader */ .page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity 0.3s ease,visibility 0.3s ease}.page-loader.hidden{opacity:0;visibility:hidden}.loader-spinner{width:50px;height:50px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.page-loader p{margin-top:1rem;color:var(--text-secondary);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}/* Cookie Consent Banner */ .cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-dark);color:white;padding:1rem;z-index:9998;transform:translateY(100%);transition:transform 0.3s ease}.cookie-banner.show{transform:translateY(0)}.cookie-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.cookie-content p{flex:1;min-width:250px;margin:0;font-size:0.9rem}.cookie-link{color:var(--primary-color);text-decoration:underline}.cookie-buttons{display:flex;gap:0.75rem}.cookie-btn{padding:0.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition)}.cookie-accept{background:var(--primary-color);color:white}.cookie-accept:hover{background:var(--primary-dark)}.cookie-decline{background:transparent;color:white;border:1px solid rgba(255,255,255,0.3)}.cookie-decline:hover{background:rgba(255,255,255,0.1)}/* ARIA Live Region */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}/* Form Labels - Show them properly */ .form-group label:not(.visually-hidden){display:block;margin-bottom:0.5rem;font-weight:500;font-size:0.875rem;color:white}/* Improved Mobile Menu Animation */ .nav-menu{transition:transform 0.3s ease,opacity 0.3s ease}.nav-menu.active{animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}/* Legal Pages Styling */ .legal-section{padding:10rem 0 6rem;background:var(--bg-primary)}.legal-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.legal-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:0.5rem}.legal-date{color:var(--text-secondary);font-size:0.9rem}.legal-content{max-width:800px;margin:0 auto}.legal-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.legal-content h2:first-of-type{border-top:none;padding-top:0}.legal-content h3{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin:1.5rem 0 0.75rem}.legal-content p{margin-bottom:1rem;line-height:1.8;color:var(--text-primary)}.legal-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.legal-content li{margin-bottom:0.5rem;line-height:1.7}.legal-content a{color:var(--primary-color)}.legal-content strong{font-weight:600}/* Footer Link Styles */ .footer-logo-link{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:inherit}.footer-logo-link:hover{color:var(--primary-color)}.footer-links h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:white}.contact-email{margin-top:0.75rem;font-size:0.9rem}.contact-email a{color:var(--primary-color);text-decoration:none}.contact-email a:hover{text-decoration:underline}/* Form Textarea Styling */ .form-group textarea{width:100%;padding:1rem;border:2px solid rgba(255,255,255,0.2);border-radius:var(--radius);font-size:1rem;background:rgba(255,255,255,0.1);color:white;backdrop-filter:blur(10px);transition:var(--transition);resize:vertical;min-height:80px;font-family:inherit}.form-group textarea:focus{outline:none;border-color:white;background:rgba(255,255,255,0.15);box-shadow:0 0 0 3px rgba(255,255,255,0.1)}.form-group textarea::placeholder{color:rgba(255,255,255,0.7)}/* Smooth Scroll Behavior Enhancement */ html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-loader,.loader-spinner,.cookie-banner,.nav-menu.active,.feature-card,.pricing-card,.step,.bangalore-card{animation:none !important;transition:none !important}}/* Feature Card Keyboard Focus */ .feature-card:focus,.pricing-card:focus,.bangalore-card:focus,.step:focus{outline:2px solid var(--focus-color);outline-offset:2px;transform:translateY(-4px)}/* Testimonial as Figure/Figcaption */ .testimonial figcaption{color:var(--text-secondary);font-weight:500;font-style:normal}.testimonial figcaption::before{content:'— '}/* Improved Nav Link Styling for Accessibility */ .nav-link:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:var(--radius)}/* Cookie Banner Responsive */ @media (max-width:640px){.cookie-content{flex-direction:column;text-align:center}.cookie-buttons{width:100%;justify-content:center}.cookie-btn{flex:1}}/* Legal Pages Mobile */ @media (max-width:768px){.legal-section{padding:8rem 0 4rem}.legal-content{padding:0 1rem}}