@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--brand-blue:#2563eb;--brand-blue-dark:#1d4ed8;--brand-blue-light:#3b82f6;--brand-orange:#f97316;--brand-orange-dark:#ea580c;--brand-orange-light:#fb923c;--brand-green:#25d366;--bg-base:#070c18;--bg-surface:#0b1224;--bg-card:#0f1a30;--bg-elevated:#14223c;--border:#2563eb2e;--border-soft:#ffffff0f;--text-primary:#eef2ff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#3b82f6;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #0000008c;--shadow-glow:0 0 30px #2563eb2e;--shadow-glow-orange:0 0 30px #f973162e;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ease:cubic-bezier(.16, 1, .3, 1);--duration:.25s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,system-ui,sans-serif;line-height:1.2}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--brand-blue-dark);border-radius:3px}.gradient-brand{background:linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%)}.gradient-orange{background:linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-orange-dark) 100%)}.gradient-hero{background:radial-gradient(ellipse 80% 60% at 50% -10%, #2563eb47 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 80% 80%, #f9731624 0%, transparent 50%), var(--bg-base)}.gradient-text{background:linear-gradient(135deg, var(--brand-blue-light), var(--brand-orange-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-orange{background:linear-gradient(135deg,#f97316,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#0f1a30bf}.glass-strong{-webkit-backdrop-filter:blur(24px);background:#14223ce0;border:1px solid #2563eb38}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--duration) var(--ease);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff0f}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--brand-blue), var(--brand-blue-dark));color:#fff;box-shadow:0 4px 20px #2563eb61}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #2563eb8c}.btn-orange{background:linear-gradient(135deg, var(--brand-orange), var(--brand-orange-dark));color:#fff;font-weight:700;box-shadow:0 4px 20px #f9731659}.btn-orange:hover{transform:translateY(-1px);box-shadow:0 6px 28px #f9731680}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 20px #25d36659}.btn-whatsapp:hover{transform:translateY(-1px);box-shadow:0 6px 28px #25d36680}.btn-outline{border:1.5px solid var(--brand-blue);color:var(--brand-blue-light);background:0 0}.btn-outline:hover{border-color:var(--brand-blue-light);background:#2563eb1f}.btn-outline-orange{border:1.5px solid var(--brand-orange);color:var(--brand-orange-light);background:0 0}.btn-outline-orange:hover{border-color:var(--brand-orange-light);background:#f973161f}.btn-ghost{border:1px solid var(--border-soft);color:var(--text-secondary);background:#ffffff0d}.btn-ghost:hover{color:var(--text-primary);background:#ffffff17}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:17px}.btn-xl{border-radius:var(--radius-xl);padding:18px 40px;font-size:18px}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);transition:all var(--duration) var(--ease);overflow:hidden}.card:hover{box-shadow:var(--shadow-glow);border-color:#2563eb40;transform:translateY(-2px)}.card-orange:hover{box-shadow:var(--shadow-glow-orange);border-color:#f9731640}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{color:var(--brand-blue-light);background:#2563eb26;border:1px solid #2563eb47}.badge-orange{color:var(--brand-orange-light);background:#f9731626;border:1px solid #f9731647}.badge-green{color:#25d366;background:#25d3661f;border:1px solid #25d36633}.badge-red{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.badge-purple{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf633}.input{background:var(--bg-elevated);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--duration) var(--ease);outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px}.input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #2563eb1f}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer}.section{padding:80px 0}.section-sm{padding:48px 0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{max-width:800px;margin:0 auto;padding:0 24px}.listing-img-wrap{border-radius:var(--radius-md);aspect-ratio:16/10;background:var(--bg-elevated);position:relative;overflow:hidden}.listing-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease)}.card:hover .listing-img-wrap img{transform:scale(1.04)}.listing-img-blur img{filter:blur(14px);transform:scale(1.08)}.listing-img-blur .blur-overlay{background:#070c188c;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp .6s var(--ease) both}.animate-fade-in{animation:fadeIn .4s var(--ease) both}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:400px 100%;animation:1.5s infinite shimmer}.divider{background:linear-gradient(to right, transparent, var(--border), transparent);height:1px;margin:0}.grid-listings{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}@media (max-width:768px){.section{padding:56px 0}.container{padding:0 16px}.grid-listings{grid-template-columns:1fr;gap:16px}.btn-xl{padding:15px 28px;font-size:16px}}