@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#1a2332;--primary-light:#2d3a4a;--primary-dark:#0f1720;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#dbeafe;--white:#fff;--gray-50:#f8f9fb;--gray-100:#f1f3f5;--gray-200:#e2e5e9;--gray-300:#c9cdd3;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-xl:0 10px 25px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;line-height:1.6}[dir=rtl]{text-align:right;direction:rtl}[dir=ltr]{text-align:left;direction:ltr}.nav{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0}.nav-logo{color:var(--primary);letter-spacing:-.5px;white-space:nowrap;font-size:1.25rem;font-weight:700;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-actions{align-items:center;gap:.75rem;display:flex}.nav-links{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--gray-600);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-lang{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;color:var(--gray-600);padding:.35rem .75rem;font-size:.85rem}.nav-dropdown{position:relative}.nav-login-btn{background:var(--accent);color:var(--white);border-radius:var(--radius);cursor:pointer;border:none;padding:.4rem 1rem;font-size:.9rem;font-weight:600;transition:background .2s}.nav-login-btn:hover{background:#1d4ed8}.nav-dropdown-menu{top:calc(100% + 6px);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);z-index:200;min-width:160px;animation:.15s ease-out dropIn;position:absolute;inset-inline-end:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{color:var(--gray-700);align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.nav-dropdown-item:hover{background:var(--gray-100);color:var(--primary)}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50)}.btn-ghost{color:var(--accent);background:0 0}.btn-ghost:hover{background:var(--accent-light)}.btn-lg{padding:.875rem 2rem;font-size:1rem}.hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:var(--white);text-align:center;padding:6rem 2rem}.hero-badge{color:#ffffffe6;letter-spacing:.3px;background:#ffffff1f;border:1px solid #fff3;border-radius:100px;margin-bottom:1.5rem;padding:.4rem 1.25rem;font-size:.85rem;display:inline-block}.hero h1{letter-spacing:-1px;margin-bottom:1.25rem;font-size:2.75rem;font-weight:800;line-height:1.2}.hero p{color:#fffc;max-width:650px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.7}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-ctas .btn{text-align:center;min-width:200px}.hero .btn-primary{background:var(--white);color:var(--primary);padding:.875rem 2.5rem;font-size:1.05rem}.hero .btn-primary:hover{background:var(--gray-100)}.btn-hero-secondary{color:var(--white);background:0 0;border:2px solid #fff6;padding:.875rem 2.5rem;font-size:1.05rem}.btn-hero-secondary:hover{background:#ffffff1a;border-color:#fff9}.audience-section{max-width:1100px;margin:0 auto;padding:5rem 2rem}.audience-section h2{text-align:center;color:var(--primary);margin-bottom:3rem;font-size:1.75rem;font-weight:700}.audience-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.audience-card{text-align:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem 1.5rem;transition:box-shadow .2s}.audience-card:hover{box-shadow:var(--shadow-lg)}.audience-icon{margin-bottom:1rem;font-size:2.5rem}.audience-card h3{color:var(--primary);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.audience-card p{color:var(--gray-500);font-size:.9rem;line-height:1.6}.how-section{background:var(--gray-100);padding:5rem 2rem}.how-section h2{text-align:center;color:var(--primary);margin-bottom:3rem;font-size:1.75rem;font-weight:700}.steps-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.5rem;max-width:1100px;margin:0 auto;display:flex}.step-card{text-align:center;flex:1;min-width:200px;max-width:240px;padding:1.5rem 1rem}.step-number{background:var(--accent);width:44px;height:44px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.1rem;font-weight:700;display:flex}.step-card h3{color:var(--primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.step-card p{color:var(--gray-500);font-size:.85rem;line-height:1.6}.step-arrow{color:var(--gray-300);padding-top:1.5rem;font-size:1.5rem;font-weight:300}[dir=rtl] .step-arrow{transform:scaleX(-1)}.features{max-width:1100px;margin:0 auto;padding:5rem 2rem}.features h2{text-align:center;color:var(--primary);margin-bottom:3rem;font-size:1.75rem;font-weight:700}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{text-align:center;padding:2rem 1.5rem}.feature-icon{background:var(--accent-light);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.25rem;font-size:1.5rem;display:flex}.feature-card h3{color:var(--primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.feature-card p{color:var(--gray-500);font-size:.9rem;line-height:1.6}.dashboard{max-width:1200px;margin:0 auto;padding:2rem}.mgr-header{background:linear-gradient(135deg, var(--primary) 0%, #2d3a4a 100%);border-radius:var(--radius-lg);color:var(--white);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;display:flex}.mgr-header-info h1{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.mgr-welcome{opacity:.8;font-size:.9rem}.mgr-plan-badge{border-radius:100px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.mgr-plan-badge.trial{color:#fbbf24;background:#fbbf2433}.mgr-plan-badge.pro{color:#22c55e;background:#22c55e33}.mgr-plan-badge.office{color:#60a5fa;background:#3b82f633}.stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stats-row-1{grid-template-columns:1fr;max-width:200px}.stats-row-3{grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.25rem}.stat-value{color:var(--primary);font-size:1.75rem;font-weight:700}.stat-label{color:var(--gray-500);margin-top:.25rem;font-size:.8rem}.mgr-tabs{border-bottom:2px solid var(--gray-200);gap:0;margin-bottom:1.5rem;display:flex}.mgr-tab{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.mgr-tab:hover{color:var(--primary)}.mgr-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.mgr-section{margin-bottom:2rem}.mgr-section h2{color:var(--primary);margin-bottom:1rem;font-size:1.15rem;font-weight:700}.mgr-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.mgr-add-form{gap:.75rem;margin-bottom:.75rem;display:flex}.mgr-add-form .form-input{text-align:left;direction:ltr;flex:1;max-width:280px}.mgr-error{color:var(--danger);margin-bottom:.5rem;font-size:.85rem}.mgr-success{color:#16a34a;margin-bottom:.5rem;font-size:.85rem}.mgr-empty{text-align:center;color:var(--gray-400);background:var(--gray-50);border-radius:var(--radius-lg);padding:2.5rem}.mgr-agents-list{flex-direction:column;gap:.5rem;display:flex}.mgr-agent-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:box-shadow .2s;display:flex}.mgr-agent-card:hover{box-shadow:var(--shadow)}.mgr-agent-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mgr-agent-phone{color:var(--primary);font-size:.95rem;font-weight:600}.mgr-agent-name{color:var(--gray-800);font-size:.95rem;font-weight:600}.mgr-agent-email{color:var(--gray-500);font-size:.85rem}.property-price{color:var(--accent);margin-top:.5rem;font-size:1rem;font-weight:700}.properties-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.property-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.25rem;transition:box-shadow .2s}.property-card:hover{box-shadow:var(--shadow-lg)}.property-address{color:var(--primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.property-city{color:var(--gray-500);margin-bottom:.75rem;font-size:.85rem}.property-meta{color:var(--gray-600);gap:1rem;margin-bottom:1rem;font-size:.85rem;display:flex}.key-badge{border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.key-badge.office{background:var(--success-bg);color:var(--success)}.key-badge.agent{background:var(--warning-bg);color:var(--warning)}.key-badge.unknown{background:var(--danger-bg);color:var(--danger)}.property-actions{border-top:1px solid var(--gray-100);gap:.5rem;margin-top:1rem;padding-top:.75rem;display:flex}.deal-page{max-width:480px;margin:3rem auto;padding:0 1rem}.deal-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem}.deal-card h2{color:var(--primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.deal-property-info{background:var(--gray-50);border-radius:var(--radius);margin:1rem 0;padding:1rem}.slot-list{flex-direction:column;gap:.5rem;margin:1.5rem 0;display:flex}.slot-option{border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:all .2s;display:flex}.slot-option:hover,.slot-option.selected{border-color:var(--accent);background:var(--accent-light)}.slot-day{color:var(--primary);font-weight:600}.slot-time{color:var(--gray-500);font-size:.9rem}.slot-badge{background:var(--success-bg);color:var(--success);border-radius:100px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.deal-footer{text-align:center;border-top:1px solid var(--gray-100);color:var(--gray-400);margin-top:2rem;padding-top:1rem;font-size:.8rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--gray-700);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--gray-300);border-radius:var(--radius);width:100%;color:var(--gray-800);background:var(--white);padding:.625rem .875rem;font-size:.9rem;transition:border-color .2s}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-select{border:1px solid var(--gray-300);border-radius:var(--radius);width:100%;color:var(--gray-800);background:var(--white);cursor:pointer;padding:.625rem .875rem;font-size:.9rem}.badge{border-radius:100px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-confirmed{background:var(--success-bg);color:var(--success)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-canceled{background:var(--danger-bg);color:var(--danger)}.pain-section{max-width:900px;margin:0 auto;padding:5rem 2rem}.pain-section h2{text-align:center;color:var(--primary);margin-bottom:3rem;font-size:1.75rem;font-weight:700}.pain-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.pain-card{border-radius:var(--radius-lg);padding:2rem}.pain-card h3{margin-bottom:1rem;font-size:1.1rem;font-weight:700}.pain-card ul{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.pain-card li{padding-right:.5rem;font-size:.9rem;line-height:1.5}[dir=ltr] .pain-card li{padding-left:.5rem;padding-right:0}.pain-before{background:var(--danger-bg);border:1px solid #fecaca}.pain-before h3{color:var(--danger)}.pain-before li{color:#991b1b}.pain-before li:before{content:"✗ ";color:var(--danger);font-weight:700}.pain-after{background:var(--success-bg);border:1px solid #a7f3d0}.pain-after h3{color:var(--success)}.pain-after li{color:#065f46}.pain-after li:before{content:"✓ ";color:var(--success);font-weight:700}.cta-bottom{text-align:center;background:linear-gradient(135deg, var(--accent) 0%, #1d4ed8 100%);color:var(--white);padding:5rem 2rem}.cta-bottom h2{margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.cta-bottom p{color:#ffffffd9;max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.05rem}.cta-bottom .btn-primary{background:var(--white);color:var(--accent);padding:.875rem 2.5rem;font-size:1.05rem}.cta-bottom .btn-primary:hover{background:var(--gray-100)}.landing-footer{background:var(--primary);color:#ffffffb3;padding:3rem 2rem 1.5rem}.footer-content{justify-content:space-between;align-items:flex-start;max-width:1100px;margin:0 auto 2rem;display:flex}.footer-logo{color:var(--white);font-size:1.25rem;font-weight:700}.footer-logo span{color:var(--accent)}.footer-brand p{margin-top:.5rem;font-size:.85rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:#fff9;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--white)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;max-width:1100px;margin:0 auto;padding-top:1.5rem;font-size:.8rem}.auth-page{background:var(--gray-50);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:2.5rem}.auth-card h1{color:var(--primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.auth-card .subtitle{color:var(--gray-500);margin-bottom:2rem;font-size:.9rem}.wizard-card{max-width:460px}.wizard-card h1{text-align:center;margin-bottom:1.5rem}.wizard-progress{justify-content:center;align-items:center;gap:0;margin-bottom:2rem;display:flex}.wizard-step{flex-direction:column;align-items:center;gap:.35rem;min-width:60px;display:flex}.wizard-step span{color:var(--gray-400);font-size:.75rem}.wizard-step.active span{color:var(--accent);font-weight:600}.wizard-step.done span{color:var(--green)}.wizard-dot{background:var(--gray-200);width:32px;height:32px;color:var(--gray-500);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.wizard-step.active .wizard-dot{background:var(--accent);color:var(--white)}.wizard-step.done .wizard-dot{color:var(--white);background:#22c55e}.wizard-line{background:var(--gray-200);width:40px;height:2px;margin:0 .25rem 1.2rem}.wizard-subtitle{text-align:center;color:var(--gray-600);margin-bottom:1.5rem;font-size:.95rem}.welcome-back-banner{border-radius:var(--radius);text-align:center;color:#166534;background:#f0fdf4;border:1px solid #22c55e;margin-bottom:1rem;padding:.75rem 1rem;font-weight:500}.wizard-email-display{text-align:center;color:var(--primary);direction:ltr;margin-bottom:1.5rem;font-size:1rem;font-weight:600}.wizard-btn{width:100%;margin-top:.5rem}.wizard-error{color:#dc2626;text-align:center;margin-bottom:.75rem;font-size:.85rem}.wizard-verified-badge{border-radius:var(--radius);text-align:center;color:#16a34a;direction:ltr;background:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.otp-inputs{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.otp-input{text-align:center;border:2px solid var(--gray-200);border-radius:var(--radius);background:var(--white);width:48px;height:56px;color:var(--primary);font-size:1.5rem;font-weight:700;transition:border-color .2s}.otp-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}.wizard-resend{text-align:center;margin-top:1rem}.resend-countdown{color:var(--gray-400);font-size:.85rem}.resend-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:500;text-decoration:underline}.resend-btn:hover{color:var(--primary)}.wizard-back{color:var(--gray-400);cursor:pointer;background:0 0;border:none;margin:.75rem auto 0;font-size:.85rem;display:block}.wizard-back:hover{color:var(--gray-600)}.input-with-icon{position:relative}.input-with-icon .form-input{padding-right:2.5rem}.eye-toggle{color:var(--gray-400);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.eye-toggle:hover{color:var(--gray-600)}.form-input.input-match{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.otp-inputs-4{justify-content:center;gap:1rem}.otp-inputs-4 .otp-input{width:56px;height:56px;font-size:1.5rem}.danger-zone{border-top:1px solid var(--gray-200);text-align:center;margin-top:3rem;padding-top:2rem}.btn-danger{color:#fff;border-radius:var(--radius);cursor:pointer;background:#dc2626;border:none;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;transition:background .2s}.btn-danger:hover{background:#b91c1c}.agent-dashboard{background:var(--gray-50);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.agent-dashboard-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);text-align:center;padding:2.5rem}@media (width<=768px){.hero h1{font-size:2rem}.hero-ctas{flex-direction:column;align-items:center}.audience-grid{grid-template-columns:1fr}.steps-grid{flex-direction:column;align-items:center}.step-arrow{display:none}.features-grid,.pain-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.properties-grid{grid-template-columns:1fr}.mgr-header{flex-direction:column;gap:.75rem}.mgr-add-form{flex-direction:column}.mgr-add-form .form-input{max-width:100%}.modal-content{max-height:90vh;margin:1rem;padding:1.5rem}.form-row{flex-direction:column}.footer-content{flex-direction:column;gap:1.5rem}}@media (width<=480px){.hero{padding:3rem 1rem}.hero h1{font-size:1.75rem}.stats-row{grid-template-columns:1fr}.auth-card{margin:1rem;padding:1.5rem}}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-xl);padding:2rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{color:var(--primary);font-size:1.25rem;font-weight:700}.modal-footer{border-top:1px solid var(--gray-100);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}.showings-list{flex-direction:column;gap:.5rem;display:flex}.showing-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.showing-info{flex:1}.showing-actions{align-items:center;gap:.75rem;display:flex}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.toast{background:var(--success-bg);color:var(--success);border:1px solid var(--success);border-radius:var(--radius);z-index:300;box-shadow:var(--shadow-lg);text-align:center;max-width:500px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;animation:.3s toastIn;position:fixed;top:80px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}