@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap";:root{--background:#0a0a0a;--surface:#161616;--surface-dark:#000;--primary:#c8a96b;--primary-hover:#b89355;--text-main:#fff;--text-soft:#d4d4d4;--text-muted:#a3a3a3}*{box-sizing:border-box}body{background-color:var(--background);color:var(--text-main);margin:0;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3{font-family:Playfair Display,serif}.navbar{background-color:var(--surface-dark);justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.logo{color:var(--primary);font-size:1.4rem;font-weight:700}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:#e2e8f0;font-size:.95rem;text-decoration:none}.nav-links a:hover{color:var(--primary)}.menu-button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.8rem;display:block}.hero{text-align:center;background:linear-gradient(#020617bf,#0f172ae6);justify-content:center;align-items:center;min-height:90vh;padding:2rem;display:flex}.hero-overlay{max-width:800px}.hero h1{margin-bottom:1rem;font-size:4rem}.hero p{color:#cbd5e1;margin-bottom:2rem;font-size:1.2rem}.hero-brand-logo{opacity:.2;object-fit:contain;width:75%;max-width:650px;margin-bottom:2rem}@media (width<=768px){.hero-brand-logo{opacity:.2;width:90%;margin-bottom:1.5rem}}button{transition:all .2s}button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.secondary-button:hover{color:#fff;border-color:var(--primary-hover)}.hero-buttons{justify-content:center;gap:1rem;display:flex}.hero button{background-color:var(--primary);color:var(--surface-dark);cursor:pointer;border:none;border-radius:8px;padding:.9rem 1.5rem;font-weight:700}.secondary-button{border:2px solid var(--primary);color:var(--primary);background-color:#0000}.listings-section{padding:4rem 2rem}.listings-section h2{text-align:center;margin-bottom:3rem;font-size:2rem}.listing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.listing-card{background-color:#111827;border-radius:12px;padding:1rem;overflow:hidden}.listing-image{object-fit:cover;border-radius:8px;width:100%;height:220px;margin-bottom:1rem}.listing-card h3{color:var(--primary)}.listing-card button{background-color:var(--primary);width:100%;color:var(--surface-dark);cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.8rem;font-weight:700}.areas-section{background-color:var(--surface-dark);padding:4rem 2rem}.areas-section h2{text-align:center;margin-bottom:3rem}.area-card{text-align:center;background-color:#111827;border-radius:12px;padding:2rem;font-weight:700}.contact-section h2{font-size:2.5rem}.contact-section p{color:#cbd5e1;max-width:700px;margin:1rem auto 2rem}.contact-section button{background-color:var(--primary);color:var(--surface-dark);cursor:pointer;border:none;border-radius:8px;padding:1rem 1.8rem;font-weight:700}.footer{text-align:center;color:#94a3b8;background-color:#020617;padding:2rem}.footer a{color:var(--primary);font-weight:700;text-decoration:none}.footer a:hover{color:var(--primary-hover);text-decoration:underline}.footer p{margin:.35rem 0}.footer-disclaimer{color:var(--text-muted);margin-top:1rem;font-size:.85rem}@media (width<=768px){.navbar{flex-wrap:wrap;height:auto;padding:1rem}.nav-links{text-align:center;flex-direction:column;gap:1rem;width:100%;padding-top:1rem;display:none}.nav-links.active{display:flex}.hero h1{font-size:2.5rem}.hero-buttons{flex-direction:column}}@media (width>=769px){.menu-button{display:none}}.details-page{max-width:900px;min-height:100vh;margin:0 auto;padding:3rem 2rem}.details-image{object-fit:cover;border-radius:12px;width:100%;max-height:500px;margin-bottom:2rem}.details-page h1{color:var(--primary);font-size:2.5rem}.details-page h2{font-size:1.8rem}.details-page button{background-color:var(--primary);color:var(--surface-dark);cursor:pointer;border:none;border-radius:8px;margin-top:2rem;padding:.9rem 1.4rem;font-weight:700}.filters-section{padding:3rem 2rem 1rem}.filters-section h2{text-align:center;margin-bottom:2rem;font-size:2rem}.filters{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.filters input,.filters select{color:#fff;background-color:#111827;border:1px solid #334155;border-radius:8px;min-width:220px;padding:.9rem 1rem;font-size:1rem}.filters input:focus,.filters select:focus{outline:2px solid var(--primary)}.filters input::placeholder{color:#94a3b8}.external-search-wrapper{justify-content:center;margin-top:1.5rem;display:flex}.external-search-button{background-color:var(--primary);color:#111;cursor:pointer;border:none;border-radius:999px;padding:1rem 1.8rem;font-size:1rem;font-weight:800}.external-search-button:hover{background-color:var(--primary-hover)}.contact-section{text-align:center;padding:4rem 2rem}.contact-section h2{margin-bottom:1rem;font-size:3rem}.contact-section p{margin-bottom:2rem}.contact-form{flex-direction:column;gap:1rem;max-width:900px;margin:0 auto;display:flex}.contact-form input,.contact-form select,.contact-form textarea{color:#fff;background-color:#111827;border:1px solid #334155;border-radius:8px;padding:1rem;font-size:1rem}.contact-form textarea{resize:vertical;min-height:150px}.contact-form button{background-color:var(--primary);color:var(--surface-dark);cursor:pointer;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:700}.error-message{color:#fca5a5;background:#7f1d1d40;border:1px solid #f8717166;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-weight:700}.contact-form button:disabled{opacity:.7;cursor:not-allowed}.form-alert{text-align:left;border-radius:14px;align-items:flex-start;gap:.85rem;max-width:900px;margin:0 auto 1rem;padding:1rem 1.25rem;font-weight:600;display:flex;box-shadow:0 10px 24px #0000002e}.form-alert p{margin:0;line-height:1.5}.form-alert-icon{border-radius:999px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-weight:900;display:inline-flex}.form-alert-success{color:#111;background:#f8f1dd;border:1px solid #c8a96bbf}.form-alert-success p{color:#111}.form-alert-success .form-alert-icon{background:var(--primary);color:#111}.form-alert-error{color:#7f1d1d;background:#fee2e2;border:1px solid #f87171a6}.form-alert-error p{color:#7f1d1d}.form-alert-error .form-alert-icon{color:#fff;background:#8b1e1e}.business-section{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;padding:4rem 2rem;display:grid}.business-card{background-color:var(--surface);border:1px solid #c8a96b33;border-radius:12px;padding:1.5rem;transition:transform .2s,border-color .2s}.business-card:hover{border-color:var(--primary);transform:translateY(-4px)}.business-card h2{color:var(--primary);margin-bottom:1rem;font-size:1.4rem}.business-card p{color:var(--text-soft);margin:auto;font-size:1rem;line-height:1.25}.areas-section{background:linear-gradient(to bottom, var(--surface-dark), var(--background));padding:5rem 2rem}.areas-content{text-align:center;max-width:1200px;margin:0 auto}.areas-content h2{color:var(--primary);margin-bottom:1rem;font-size:3rem}.areas-content p{max-width:700px;color:var(--text-soft);margin:0 auto 3rem;font-size:1.1rem}.areas-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.area-card{background-color:var(--surface);border:1px solid #c8a96b33;border-radius:12px;padding:2rem;transition:transform .2s,border-color .2s}.area-card:hover{border-color:var(--primary);transform:translateY(-4px)}.area-card h3{color:var(--primary);font-size:1.3rem}.cta-section{text-align:center;background:linear-gradient(90deg,#000000f2,#161616f2);padding:6rem 2rem}.cta-content{max-width:900px;margin:0 auto}.cta-content h2{color:var(--primary);margin-bottom:1.5rem;font-size:3rem}.cta-content p{color:var(--text-soft);margin-bottom:2.5rem;font-size:1.15rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-buttons button{padding:1rem 2rem;font-size:1rem}@media (width<=768px){.cta-content h2{font-size:2.2rem}}.testimonials-section{background-color:var(--surface-dark);padding:5rem 2rem}.testimonials-content{text-align:center;max-width:1200px;margin:0 auto}.testimonials-content h2{color:var(--primary);margin-bottom:1rem;font-size:3rem}.testimonials-content>p{max-width:700px;color:var(--text-soft);margin:0 auto 3rem;font-size:1.1rem}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.testimonial-card{background-color:var(--surface);text-align:left;border:1px solid #c8a96b33;border-radius:12px;padding:2rem}.testimonial-card p{color:var(--text-soft);margin-bottom:1.5rem;font-style:italic}.testimonial-card span{color:var(--primary);font-weight:700}@media (width<=768px){.testimonials-content h2{font-size:2.2rem}}.property-gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.gallery-image{object-fit:cover;border:1px solid #c8a96b33;border-radius:12px;width:100%;height:250px;transition:transform .2s,border-color .2s}.gallery-image:hover{border-color:var(--primary);transform:scale(1.02)}.property-features{margin-top:3rem}.property-features h2{color:var(--primary);margin-bottom:1.5rem;font-size:2rem}.features-grid{flex-wrap:wrap;gap:1rem;display:flex}.feature-pill{background-color:var(--surface);color:var(--text-soft);border:1px solid #c8a96b33;border-radius:999px;padding:.8rem 1.2rem;transition:border-color .2s,transform .2s}.feature-pill:hover{border-color:var(--primary);transform:translateY(-2px)}html{scroll-behavior:smooth}.section-note{text-align:center;color:var(--text-muted);max-width:700px;margin:-2rem auto 3rem}.listing-details{color:var(--text-soft);flex-wrap:wrap;gap:.75rem;margin:1rem 0;font-size:1.1rem;font-weight:600;display:flex}.listing-details span:not(:last-child):after{content:"•";color:var(--primary);margin-left:.75rem}.leads-page{background:var(--background);max-width:1200px;min-height:100vh;color:var(--text-main);margin:0 auto;padding:3rem 1.5rem}.leads-page h1{text-align:center;color:var(--primary);margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);line-height:1.1}.leads-page .section-note{color:var(--text-soft);text-align:center;max-width:600px;margin:0 auto 2rem;line-height:1.5}.admin-login-form{background:#111827;border:1px solid #c8a96b59;border-radius:18px;max-width:460px;margin:2rem auto;padding:2rem;box-shadow:0 12px 30px #00000059}.admin-login-form input{color:#111;background:#fff;border:1px solid #c8a96b59;border-radius:12px;width:100%;margin-bottom:1rem;padding:.9rem 1rem;font-size:1rem}.admin-login-form input:focus{outline:2px solid var(--primary);border-color:var(--primary)}.admin-login-form button{background:var(--primary);color:#111;cursor:pointer;border:none;border-radius:999px;width:100%;padding:.9rem 1rem;font-size:1rem;font-weight:800}.admin-login-form button:hover{background:var(--primary-hover)}.leads-filters{background:#fafafa;border:1px solid #ddd;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.5rem 0;padding:1rem;display:flex}.leads-filters input,.leads-filters select{color:#111;background:#fff;border:1px solid #ccc;border-radius:10px;min-width:220px;padding:.7rem .85rem;font-size:.95rem}.leads-filters p{color:#555;margin:0;font-size:.95rem}.leads-table-wrapper{background:#fff;border:1px solid #ddd;border-radius:14px;width:100%;margin-top:1rem;overflow-x:auto;box-shadow:0 8px 24px #00000014}.leads-table{border-collapse:collapse;width:100%;min-width:1000px}.leads-table th,.leads-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:.85rem}.leads-table th{color:#f5c451;letter-spacing:.04em;text-transform:uppercase;background:#111;font-size:.85rem}.leads-table td{color:#111;background:#fff}.leads-table tbody tr{background:#fff}.leads-table tbody tr:hover{background:#f7f3ea}.leads-table select,.leads-table textarea{color:#111;background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:.55rem;font-family:inherit;font-size:.9rem}.leads-table textarea{resize:vertical;min-width:220px}.leads-actions{justify-content:center;margin:1.5rem 0;display:flex}.leads-actions button,.leads-page>button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:999px;margin:.25rem .25rem .25rem 0;padding:.55rem .8rem;font-size:.85rem}.leads-actions button:hover,.leads-page>button:hover{opacity:.85}.lead-btn{cursor:pointer;border:none;border-radius:999px;margin:.25rem .25rem .25rem 0;padding:.55rem .85rem;font-size:.85rem;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .15s;display:inline-block}.lead-btn:hover{opacity:.9;transform:translateY(-1px)}.lead-btn-save{color:#111;background:#c8a96b}.lead-btn-archive{color:#fff;background:#4b5563}.lead-btn-restore{color:#fff;background:#1f7a3f}.lead-btn-delete{color:#fff;background:#8b1e1e}.lead-btn-delete:hover{box-shadow:0 0 0 3px #8b1e1e2e}.lead-btn-clear{color:#fff;background:#111}.status-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;margin-bottom:.5rem;padding:.3rem .65rem;font-size:.75rem;font-weight:800;display:inline-block}.status-new{color:#5a4300;background:#f5e6b8}.status-contacted{color:#1e3a8a;background:#dbeafe}.status-buyer{color:#166534;background:#dcfce7}.status-seller{color:#9d174d;background:#fce7f3}.status-active_client{color:#5b21b6;background:#ede9fe}.status-under_contract{color:#9a3412;background:#ffedd5}.status-closed{color:#374151;background:#e5e7eb}.error-message{color:#8b1e1e;font-weight:600}.success-message{color:#1f7a3f;font-weight:600}@media (width<=768px){.leads-page{padding:2rem 1rem}.leads-filters{flex-direction:column;align-items:stretch}.leads-filters input,.leads-filters select,.leads-filters button{width:100%}.leads-table-wrapper{box-shadow:none;background:0 0;border:none;overflow-x:visible}.leads-table{border-collapse:separate;border-spacing:0 1rem;width:100%;min-width:0}.leads-table thead{display:none}.leads-table tbody,.leads-table tr,.leads-table td{width:100%;display:block}.leads-table tr{background:#fff;border:1px solid #d8c28a;border-radius:16px;padding:1rem;box-shadow:0 8px 22px #0000001f}.leads-table td{color:#111;background:0 0;border-bottom:1px solid #eee;padding:.65rem 0}.leads-table td:last-child{border-bottom:none}.leads-table td:before{content:attr(data-label);color:#8b7355;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:800;display:block}.leads-table select,.leads-table textarea{width:100%}.lead-btn{text-align:center;width:100%;margin-top:.4rem}}
