:root {
    --navy: #0B1F44;
    --blue: #2962FF;
    --blue-dark: #1748d4;
    --background: #F7F9FC;
    --white: #FFFFFF;
    --green: #25B46B;
    --orange: #F5A623;
    --border: #E6EAF0;
    --text: #15233F;
    --muted: #667085;
    --shadow: 0 12px 32px rgba(11, 31, 68, .07);
    --radius: 14px;
    --container: 1240px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--white); font: 400 16px/1.65 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.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; }

.site-header { position: sticky; z-index: 50; top: 0; height: 78px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,.94); backdrop-filter: blur(16px); }
.header-inner { height: 100%; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--navy); font-weight: 800; font-size: 21px; letter-spacing: -.6px; white-space: nowrap; }
.brand-mark { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; color: #fff; background: linear-gradient(145deg, var(--blue), var(--navy)); font-size: 19px; font-style: italic; }
.main-nav { display: flex; align-items: center; gap: 25px; margin-right: auto; }
.main-nav a { position: relative; color: #344054; font-size: 14px; font-weight: 500; white-space: nowrap; }
.main-nav a:hover, .main-nav a.active, .main-nav .nav-highlight { color: var(--blue); }
.main-nav a.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -28px; height: 2px; background: var(--blue); }
.header-actions { display: flex; align-items: center; gap: 14px; white-space: nowrap; }
.login-link { color: var(--navy); font-weight: 600; font-size: 14px; }
.btn { display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: 0 20px; border: 1px solid transparent; border-radius: 11px; cursor: pointer; font-weight: 700; transition: .2s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: #fff; background: var(--blue); box-shadow: 0 8px 20px rgba(41,98,255,.22); }
.btn-primary:hover { background: var(--blue-dark); }
.btn-secondary { color: var(--navy); border-color: var(--border); background: #fff; }
.btn-pro { color: #fff; background: var(--navy); }
.btn-white { color: var(--navy); background: #fff; }
.icon-button { width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 50%; color: var(--blue); background: #fff; }
.user-chip { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: var(--navy); background: #dceeea; }
.menu-toggle { display: none; margin-left: auto; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; }
.menu-toggle span { display: block; height: 2px; margin: 5px 0; border-radius: 2px; background: var(--navy); }

.hero { position: relative; overflow: hidden; padding: 82px 0 72px; background: radial-gradient(circle at 80% 25%, rgba(41,98,255,.13), transparent 28%), linear-gradient(135deg, #fff 30%, #f4f7ff 100%); border-bottom: 1px solid var(--border); }
.hero::before { content: ''; position: absolute; inset: 0; opacity: .45; background-image: radial-gradient(#cfd9ed 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to right, transparent, #000 70%, transparent); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 70px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(37,180,107,.12); }
.hero h1 { max-width: 780px; margin: 16px 0 12px; color: var(--navy); font-size: clamp(42px, 4.6vw, 68px); line-height: 1.08; letter-spacing: -3px; }
.hero h1 span { color: var(--blue); }
.hero-copy > p { max-width: 690px; margin: 0 0 30px; color: var(--muted); font-size: 19px; }
.search-box { max-width: 790px; display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 18px; border: 1px solid #d9dfeb; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.search-box > span { color: var(--muted); font-size: 25px; }
.search-box input { min-width: 0; flex: 1; height: 46px; border: 0; outline: 0; color: var(--text); }
.search-box input::placeholder { color: #8c95a8; }
.quick-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 22px; }
.quick-links a { padding: 14px 16px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255,255,255,.75); transition: .2s; }
.quick-links a:hover { border-color: #b9caff; transform: translateY(-2px); }
.quick-links strong, .quick-links small { display: block; }
.quick-links strong { color: var(--navy); font-size: 14px; }
.quick-links small { color: var(--muted); font-size: 12px; }
.hero-visual { position: relative; min-height: 390px; border: 1px solid rgba(255,255,255,.8); border-radius: 30px; background: linear-gradient(145deg, rgba(255,255,255,.85), rgba(219,228,255,.6)); box-shadow: 0 30px 70px rgba(11,31,68,.13); }
.visual-orbit { position: absolute; border: 1px solid rgba(41,98,255,.17); border-radius: 50%; }
.orbit-one { width: 290px; height: 290px; top: 48px; left: 48px; }
.orbit-two { width: 210px; height: 210px; top: 88px; left: 88px; }
.visual-card { position: absolute; padding: 20px; border: 1px solid rgba(255,255,255,.9); border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: var(--shadow); }
.visual-card b, .visual-card small { display: block; }
.visual-card small { color: var(--muted); }
.card-main { top: 110px; left: 72px; right: 72px; text-align: center; }
.visual-icon { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 15px; color: #fff; background: var(--blue); font-size: 26px; }
.card-float { right: -20px; top: 38px; padding: 12px 15px; font-size: 12px; }
.success-dot { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: var(--green); }
.visual-stat { position: absolute; left: -24px; bottom: 30px; padding: 15px 20px; border-radius: 14px; color: #fff; background: var(--navy); box-shadow: var(--shadow); }
.visual-stat strong, .visual-stat span { display: block; }
.visual-stat strong { font-size: 24px; }
.visual-stat span { opacity: .75; font-size: 12px; }

.section { padding: 82px 0; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 32px; }
.section-heading h2, .cta-card h2 { margin: 8px 0 4px; color: var(--navy); font-size: clamp(28px, 3vw, 40px); line-height: 1.2; letter-spacing: -1.2px; }
.section-heading p { margin: 0; color: var(--muted); }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.feature-card { padding: 30px; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 6px 24px rgba(11,31,68,.045); transition: .25s; }
.feature-card:hover { border-color: #c9d5f7; transform: translateY(-5px); box-shadow: var(--shadow); }
.feature-icon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 22px; border-radius: 14px; font-size: 23px; }
.feature-icon.blue { color: var(--blue); background: #edf2ff; }.feature-icon.orange { color: var(--orange); background: #fff5e5; }.feature-icon.green { color: var(--green); background: #eaf8f1; }
.feature-card h3 { margin: 0 0 9px; color: var(--navy); font-size: 20px; }
.feature-card p { margin: 0 0 22px; color: var(--muted); font-size: 14px; }
.feature-card b { color: var(--blue); font-size: 14px; }
.trust-strip { padding: 30px 0; border-block: 1px solid var(--border); background: var(--background); }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-grid div { padding: 5px 28px; border-right: 1px solid var(--border); }
.trust-grid div:first-child { padding-left: 0; }.trust-grid div:last-child { border: 0; }
.trust-grid strong, .trust-grid span { display: block; }.trust-grid strong { color: var(--navy); }.trust-grid span { color: var(--muted); font-size: 13px; }
.cta-section { background: var(--background); }
.cta-card { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 52px 58px; overflow: hidden; border-radius: 20px; color: #fff; background: linear-gradient(120deg, var(--navy), #173b80); box-shadow: 0 25px 60px rgba(11,31,68,.18); }
.cta-card h2 { color: #fff; }.cta-card p { margin: 8px 0 0; color: #cbd5e8; }.eyebrow-light { color: #91adff; }
.page-hero { padding: 70px 0 62px; text-align: center; background: linear-gradient(145deg, #f7f9ff, #fff); border-bottom: 1px solid var(--border); }
.page-hero h1 { margin: 8px 0; color: var(--navy); font-size: clamp(36px, 5vw, 54px); letter-spacing: -2px; }.page-hero p { max-width: 680px; margin: auto; color: var(--muted); }
.empty-state { max-width: 720px; padding: 55px; border: 1px solid var(--border); border-radius: 18px; text-align: center; background: #fff; box-shadow: var(--shadow); }
.empty-icon { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 18px; border-radius: 18px; color: var(--blue); background: #edf2ff; font-size: 30px; }
.empty-state h1, .empty-state h2 { margin: 0 0 8px; color: var(--navy); }.empty-state p { margin: 0 auto 24px; color: var(--muted); }.error-page { min-height: 60vh; background: var(--background); }.error-code { display: block; color: var(--blue); font-weight: 800; font-size: 72px; line-height: 1; }
.site-footer { padding: 62px 0 24px; color: #c9d3e6; background: #07162f; }
.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 50px; }.brand-light { color: #fff; }.footer-brand p { max-width: 300px; color: #97a6c0; font-size: 14px; }.footer-grid section h2 { margin: 0 0 16px; color: #fff; font-size: 14px; }.footer-grid section > a:not(.brand) { display: block; margin: 9px 0; color: #97a6c0; font-size: 13px; }.footer-grid section > a:hover { color: #fff; }.footer-bottom { display: flex; justify-content: space-between; margin-top: 48px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: #71819d; font-size: 12px; }

/* Home marketplace */
.home-hero { padding: 64px 0 46px; }.home-hero .hero-grid { grid-template-columns: minmax(0,1.55fr) minmax(330px,.7fr); gap: 48px; align-items: start; }.home-hero .hero-copy { min-width: 0; }.home-hero h1 { margin-top: 12px; font-size: clamp(46px,4.5vw,66px); }.home-hero .hero-copy>p { margin-bottom: 24px; }
.hero-search-row { display: flex; align-items: center; gap: 18px; }.search-box-large { flex: 1; max-width: none; min-height: 66px; padding: 7px 7px 7px 20px; }.search-box-large input { font-size: 15px; }.search-symbol,.search-submit span { position: relative; display: block; width: 21px; height: 21px; border: 2px solid currentColor; border-radius: 50%; }.search-symbol { color: #738099; }.search-symbol::after,.search-submit span::after { content: ''; position: absolute; width: 8px; height: 2px; right: -6px; bottom: -3px; border-radius: 2px; background: currentColor; transform: rotate(45deg); }.search-submit { display: grid; place-items: center; width: 54px; height: 52px; flex: 0 0 54px; border: 0; border-radius: 11px; color: #fff; background: var(--blue); cursor: pointer; box-shadow: 0 8px 20px rgba(41,98,255,.25); }.search-submit span { width: 18px; height: 18px; }.advanced-search { display: inline-flex; align-items: center; gap: 7px; color: var(--blue); font-size: 14px; font-weight: 700; white-space: nowrap; }
.category-cards { display: grid; grid-template-columns: repeat(5,minmax(130px,1fr)); gap: 10px; margin-top: 22px; }.category-card { min-width: 0; display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255,255,255,.84); box-shadow: 0 5px 16px rgba(11,31,68,.035); transition: .2s; }.category-card:hover,.category-card.active { border-color: #bdccf6; transform: translateY(-2px); }.category-card>span:last-child { min-width: 0; }.category-card strong,.category-card small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.category-card strong { color: var(--navy); font-size: 12px; }.category-card small { color: var(--muted); font-size: 10px; }.category-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; color: var(--blue); background: #edf2ff; }.category-icon.orange { color: var(--orange); background: #fff5e5; }.category-icon.purple { color: #8753df; background: #f4edff; }.category-icon.green { color: var(--green); background: #eaf8f1; }.active-listing-note { display: flex; align-items: center; gap: 9px; margin: 17px 0 0!important; font-size: 12px!important; }.active-listing-note i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(37,180,107,.12); }
.hero-photo { position: relative; height: 100%; min-height: 470px; overflow: hidden; border-radius: 24px; background: #eaf0ff; box-shadow: 0 24px 60px rgba(11,31,68,.15); }.hero-photo img { width: 100%; height: 100%; min-height: 470px; display: block; object-fit: cover; }.photo-badge { position: absolute; left: 20px; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 8px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.75); border-radius: 12px; color: var(--navy); background: rgba(255,255,255,.88); backdrop-filter: blur(10px); font-size: 12px; font-weight: 700; }.photo-badge i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.section-heading h2 { margin-top: 0; }.section-link { color: var(--blue); font-size: 13px; font-weight: 700; white-space: nowrap; }.section-link span { margin-left: 4px; font-size: 18px; }.opportunity-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; align-items: stretch; }.listing-card { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius); background: #fff; box-shadow: 0 5px 22px rgba(11,31,68,.045); transition: .25s; }.listing-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }.listing-image { position: relative; height: 180px; background: var(--background); }.listing-image>a,.listing-image img { display: block; width: 100%; height: 100%; }.listing-image img { object-fit: cover; }.listing-badge,.inline-badge { display: inline-flex; align-items: center; border-radius: 7px; color: #fff; background: var(--blue); font-size: 10px; font-weight: 700; }.listing-badge { position: absolute; left: 12px; bottom: 12px; padding: 5px 9px; }.type-looking_investment { background: var(--green); }.type-business_idea { background: #8753df; }.type-looking_business { background: var(--orange); }.favorite-button { position: absolute; top: 11px; right: 11px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; color: var(--navy); background: rgba(255,255,255,.9); cursor: pointer; font-size: 21px; }.favorite-button.active { color: #e5484d; }
.listing-content { padding: 17px; }.listing-content h3 { min-height: 48px; margin: 0 0 6px; color: var(--navy); font-size: 16px; line-height: 1.45; }.listing-location { display: block; color: var(--muted); font-size: 11px; }.listing-content>p { min-height: 61px; margin: 12px 0; color: var(--muted); font-size: 11px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }.listing-facts { display: flex; flex-wrap: wrap; gap: 7px 13px; padding: 11px 0; border-block: 1px solid var(--border); color: #475467; font-size: 10px; }.listing-facts b { color: var(--blue); }.listing-owner { display: flex; align-items: center; gap: 9px; padding-top: 12px; }.owner-avatar { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; color: var(--navy); background: #dceeea; font-size: 12px; font-weight: 700; }.listing-owner small,.listing-owner strong { display: block; line-height: 1.3; }.listing-owner small { color: var(--muted); font-size: 9px; }.listing-owner strong { color: var(--navy); font-size: 11px; }
.pro-lock-card { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100%; padding: 28px; border: 1px solid var(--border); border-radius: var(--radius); text-align: center; background: radial-gradient(circle at 50% 25%,#fff,#f0f3f8); }.lock-icon { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid var(--border); border-radius: 50%; color: var(--navy); background: #fff; font-size: 25px; }.pro-lock-card p { margin: 17px 0 20px; color: var(--muted); font-size: 12px; }.pro-lock-card strong { color: var(--navy); }.data-empty { grid-column: span 3; display: flex; flex-direction: column; justify-content: center; min-height: 220px; padding: 30px; border: 1px dashed #cdd5e3; border-radius: var(--radius); text-align: center; color: var(--navy); background: var(--background); }.data-empty span { margin-top: 5px; color: var(--muted); font-size: 13px; }
.latest-section { border-block: 1px solid var(--border); background: var(--background); }.latest-listings { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.horizontal-listing { display: grid; grid-template-columns: 116px 1fr auto; align-items: center; gap: 16px; min-width: 0; padding: 11px; border: 1px solid var(--border); border-radius: 13px; background: #fff; }.horizontal-image { width: 116px; height: 92px; overflow: hidden; border-radius: 9px; }.horizontal-image img { width: 100%; height: 100%; object-fit: cover; }.inline-badge { padding: 3px 7px; color: var(--blue); background: #edf2ff; }.horizontal-listing h3 { margin: 6px 0 2px; color: var(--navy); font-size: 14px; line-height: 1.4; }.horizontal-listing p { margin: 0; color: var(--muted); font-size: 10px; }.circle-arrow { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--border); border-radius: 50%; color: var(--blue); }
.centered-heading { justify-content: center; text-align: center; }.steps-grid { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 46px; max-width: 950px; margin: auto; }.steps-grid::before { content: ''; position: absolute; top: 48px; left: 17%; right: 17%; border-top: 1px dashed #b9c6df; }.steps-grid article { position: relative; text-align: center; }.steps-grid article>span { position: absolute; top: -5px; left: calc(50% + 28px); z-index: 2; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #fff; background: var(--blue); font-size: 10px; font-weight: 800; }.step-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 94px; height: 94px; margin: 0 auto 20px; border: 1px solid #dce4f6; border-radius: 27px; color: var(--blue); background: #f3f6ff; font-size: 35px; }.steps-grid h3 { margin: 0 0 7px; color: var(--navy); font-size: 18px; }.steps-grid p { max-width: 250px; margin: auto; color: var(--muted); font-size: 13px; }.home-cta { position: relative; }.home-cta::after { content: ''; position: absolute; width: 230px; height: 230px; top: -130px; right: 22%; border: 35px solid rgba(255,255,255,.04); border-radius: 50%; }.home-cta .btn { position: relative; z-index: 1; gap: 12px; }

/* Membership and account */
.notification-button { position: relative; display: grid; place-items: center; }.notification-button i { position: absolute; top: 7px; right: 7px; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: #e5484d; }.user-menu { position: relative; }.user-chip { padding: 0; border: 0; color: var(--navy); background: transparent; cursor: pointer; }.user-chip b { margin-left: 2px; color: var(--muted); font-size: 12px; }.user-dropdown { position: absolute; display: none; top: calc(100% + 17px); right: 0; width: 235px; padding: 8px; border: 1px solid var(--border); border-radius: 14px; background: #fff; box-shadow: 0 22px 50px rgba(11,31,68,.16); }.user-menu.open .user-dropdown { display: block; }.dropdown-user { padding: 11px 12px 13px; border-bottom: 1px solid var(--border); }.dropdown-user strong,.dropdown-user small { display: block; }.dropdown-user strong { color: var(--navy); font-size: 13px; }.dropdown-user small { color: var(--muted); font-size: 10px; }.user-dropdown>a,.user-dropdown form button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; border-radius: 8px; color: #475467; background: transparent; cursor: pointer; font-size: 12px; text-align: left; }.user-dropdown>a:hover,.user-dropdown form button:hover { color: var(--blue); background: #f4f7ff; }.user-dropdown form { margin-top: 5px; padding-top: 5px; border-top: 1px solid var(--border); }.user-dropdown form button { color: #c33b42; }
.mobile-account-link,.mobile-logout { display: none; }.mobile-logout button { width: 100%; padding: 10px 0; border: 0; color: #c33b42; background: transparent; text-align: left; font-weight: 600; }
.avatar img,.large-avatar img,.profile-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.auth-section { min-height: calc(100vh - 78px); padding: 64px 0; background: radial-gradient(circle at 15% 25%,rgba(41,98,255,.2),transparent 30%),linear-gradient(130deg,#091b3e 0,#0b1f44 42%,#f7f9fc 42%); }.auth-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 90px; }.auth-intro { color: #fff; }.auth-intro h1 { max-width: 500px; margin: 12px 0 16px; font-size: clamp(40px,4.2vw,58px); line-height: 1.1; letter-spacing: -2.5px; }.auth-intro>p { max-width: 510px; color: #b7c3d9; }.auth-intro ul { margin: 28px 0 0; padding: 0; list-style: none; }.auth-intro li { margin: 12px 0; color: #d8e0ef; font-size: 14px; }.auth-intro li::before { content: '✓'; display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 10px; border-radius: 50%; color: #fff; background: var(--green); font-size: 10px; }.auth-card { width: 100%; max-width: 650px; justify-self: end; padding: 36px 40px; border: 1px solid rgba(255,255,255,.8); border-radius: 20px; background: rgba(255,255,255,.98); box-shadow: 0 30px 70px rgba(11,31,68,.18); }.login-layout .auth-card { max-width: 520px; }.auth-heading { margin-bottom: 25px; }.auth-heading h2 { margin: 0 0 4px; color: var(--navy); font-size: 28px; }.auth-heading p { margin: 0; color: var(--muted); font-size: 12px; }.auth-heading a,.label-row a,.check-row a { color: var(--blue); font-weight: 600; }.auth-form { display: grid; gap: 17px; }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.form-group { min-width: 0; }.form-group label,.label-row { display: block; margin-bottom: 7px; color: var(--navy); font-size: 12px; font-weight: 700; }.form-group input,.form-group select { width: 100%; height: 48px; padding: 0 13px; border: 1px solid #dbe1eb; border-radius: 10px; outline: 0; color: var(--text); background: #fff; transition: .2s; }.form-group input:focus,.form-group select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(41,98,255,.1); }.form-group small { color: var(--muted); font-size: 10px; }.label-row { display: flex; justify-content: space-between; }.label-row label { margin: 0; }.label-row a { font-size: 11px; }.password-field { position: relative; }.password-field input { padding-right: 46px; }.password-field button { position: absolute; top: 0; right: 0; width: 44px; height: 48px; border: 0; color: var(--muted); background: transparent; cursor: pointer; }.check-row { display: flex; align-items: flex-start; gap: 9px; color: var(--muted); font-size: 11px; cursor: pointer; }.check-row input { width: 16px; height: 16px; margin-top: 2px; accent-color: var(--blue); }.form-submit { width: 100%; margin-top: 3px; gap: 12px; }.form-alert { padding: 12px 14px; margin-bottom: 18px; border: 1px solid #f3c2c5; border-radius: 10px; color: #9f2d35; background: #fff3f3; font-size: 11px; }.form-alert span { display: block; margin: 2px 0; }
.dashboard-section { min-height: 75vh; padding: 42px 0 70px; background: var(--background); }.dashboard-shell { display: grid; grid-template-columns: 245px 1fr; gap: 26px; }.dashboard-sidebar { align-self: start; padding: 20px 13px; border: 1px solid var(--border); border-radius: 16px; background: #fff; box-shadow: 0 5px 20px rgba(11,31,68,.04); }.sidebar-user { display: flex; align-items: center; gap: 11px; padding: 3px 7px 18px; border-bottom: 1px solid var(--border); }.large-avatar { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 13px; color: #fff; background: linear-gradient(145deg,var(--blue),var(--navy)); font-weight: 800; }.sidebar-user strong,.sidebar-user small { display: block; }.sidebar-user strong { color: var(--navy); font-size: 12px; }.sidebar-user small { color: var(--muted); font-size: 9px; }.dashboard-sidebar nav { display: grid; gap: 3px; padding-top: 12px; }.dashboard-sidebar nav a { display: flex; align-items: center; gap: 11px; padding: 10px 11px; border-radius: 9px; color: #667085; font-size: 12px; }.dashboard-sidebar nav a:hover,.dashboard-sidebar nav a.active { color: var(--blue); background: #edf2ff; }.dashboard-sidebar nav a b { margin-left: auto; padding: 1px 7px; border-radius: 10px; color: #fff; background: var(--blue); font-size: 9px; }.dashboard-welcome { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 26px; }.dashboard-welcome h1 { margin: 4px 0 0; color: var(--navy); font-size: 30px; }.dashboard-welcome p { margin: 2px 0 0; color: var(--muted); font-size: 13px; }.dashboard-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }.dashboard-stats article { display: flex; align-items: center; gap: 13px; padding: 19px; border: 1px solid var(--border); border-radius: 13px; background: #fff; }.stat-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; }.stat-icon.blue { color: var(--blue); background: #edf2ff; }.stat-icon.purple { color: #8753df; background: #f4edff; }.stat-icon.green { color: var(--green); background: #eaf8f1; }.stat-icon.orange { color: var(--orange); background: #fff5e5; }.dashboard-stats small,.dashboard-stats strong { display: block; }.dashboard-stats small { color: var(--muted); font-size: 9px; }.dashboard-stats strong { color: var(--navy); font-size: 22px; }.dashboard-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 17px; }.dashboard-panels>article { padding: 23px; border: 1px solid var(--border); border-radius: 14px; background: #fff; }.panel-heading { display: flex; justify-content: space-between; align-items: center; }.panel-heading h2 { margin: 0; color: var(--navy); font-size: 15px; }.panel-heading span { color: var(--blue); font-size: 9px; }.progress { height: 6px; margin: 16px 0; border-radius: 6px; background: #edf0f5; }.progress i { display: block; width: 40%; height: 100%; border-radius: inherit; background: var(--blue); }.task-list { margin: 0; padding: 0; list-style: none; }.task-list li { padding: 8px 0; color: var(--muted); font-size: 11px; }.task-list li::before { content: '○'; margin-right: 9px; color: #a6b0c0; }.task-list li.done::before { content: '●'; color: var(--green); }.dashboard-empty { padding: 33px 15px; text-align: center; }.dashboard-empty>span { color: var(--blue); font-size: 34px; }.dashboard-empty strong { display: block; color: var(--navy); font-size: 12px; }.dashboard-empty p { max-width: 280px; margin: 5px auto; color: var(--muted); font-size: 10px; }
.profile-hero { padding: 55px 0; background: linear-gradient(145deg,#eef3ff,#fff); border-bottom: 1px solid var(--border); }.profile-card { padding: 32px; border: 1px solid rgba(255,255,255,.8); border-radius: 18px; background: rgba(255,255,255,.9); box-shadow: var(--shadow); }.profile-main { display: flex; align-items: flex-start; gap: 22px; }.profile-avatar { display: grid; place-items: center; width: 92px; height: 92px; flex: 0 0 92px; border: 5px solid #fff; border-radius: 24px; color: #fff; background: linear-gradient(145deg,var(--blue),var(--navy)); box-shadow: var(--shadow); font-size: 34px; font-weight: 800; }.profile-type { color: var(--blue); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.profile-main h1 { margin: 2px 0; color: var(--navy); font-size: 30px; }.profile-meta { margin: 0; color: var(--muted); font-size: 11px; }.profile-meta span { margin: 0 7px; }.profile-bio { max-width: 690px; margin: 11px 0 0; color: #475467; font-size: 13px; }.verification-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; padding: 15px 0; border-block: 1px solid var(--border); }.verification-list span { padding: 6px 10px; border-radius: 8px; color: #8b95a7; background: #f1f3f6; font-size: 10px; }.verification-list span.verified { color: #167c48; background: #eaf8f1; }.profile-stats { display: flex; gap: 55px; }.profile-stats strong,.profile-stats span { display: block; }.profile-stats strong { color: var(--navy); font-size: 22px; }.profile-stats span { color: var(--muted); font-size: 10px; }.profile-listings { display: grid; gap: 12px; }.profile-listing { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 20px; border: 1px solid var(--border); border-radius: 12px; }.profile-listing h3 { margin: 7px 0 3px; color: var(--navy); font-size: 15px; }.profile-listing p { max-width: 750px; margin: 0; color: var(--muted); font-size: 11px; }.profile-listing>div:last-child { display: flex; align-items: center; gap: 18px; color: var(--navy); white-space: nowrap; font-size: 12px; }

/* Create listing */
.listing-form-section { min-height: 75vh; padding: 55px 0 80px; background: var(--background); }.listing-form-shell { max-width: 1050px; }.form-page-heading { margin-bottom: 28px; text-align: center; }.form-page-heading h1 { margin: 7px 0 3px; color: var(--navy); font-size: 36px; letter-spacing: -1.4px; }.form-page-heading p { margin: 0; color: var(--muted); font-size: 13px; }.listing-stepper { position: relative; display: grid; grid-template-columns: repeat(5,1fr); margin: 0 0 28px; }.listing-stepper::before { content: ''; position: absolute; top: 20px; left: 10%; right: 10%; height: 2px; background: var(--border); }.listing-stepper div { position: relative; z-index: 1; display: grid; justify-items: center; gap: 6px; color: #98a2b3; }.listing-stepper span { display: grid; place-items: center; width: 40px; height: 40px; border: 4px solid var(--background); border-radius: 50%; color: #7b879b; background: #e6eaf0; font-size: 11px; font-weight: 800; }.listing-stepper small { font-size: 10px; font-weight: 600; }.listing-stepper div.active,.listing-stepper div.complete { color: var(--blue); }.listing-stepper div.active span,.listing-stepper div.complete span { color: #fff; background: var(--blue); }.listing-stepper div.complete span { background: var(--green); }.multi-step-form { padding: 36px; border: 1px solid var(--border); border-radius: 18px; background: #fff; box-shadow: 0 15px 45px rgba(11,31,68,.07); }.form-step { display: none; min-height: 430px; }.form-step.active { display: block; animation: stepIn .25s ease; }@keyframes stepIn { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }.step-heading { display: flex; gap: 15px; align-items: flex-start; margin-bottom: 28px; }.step-heading>span { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; color: var(--blue); background: #edf2ff; font-size: 11px; font-weight: 800; }.step-heading h2 { margin: 0 0 3px; color: var(--navy); font-size: 22px; }.step-heading p { margin: 0; color: var(--muted); font-size: 11px; }.listing-type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.listing-type-card { position: relative; min-height: 155px; padding: 22px; border: 1px solid var(--border); border-radius: 14px; cursor: pointer; transition: .2s; }.listing-type-card:hover { border-color: #b9caff; transform: translateY(-2px); }.listing-type-card input { position: absolute; opacity: 0; }.listing-type-card:has(input:checked) { border-color: var(--blue); background: #f5f7ff; box-shadow: 0 0 0 3px rgba(41,98,255,.08); }.type-emoji { display: block; margin-bottom: 12px; font-size: 30px; }.listing-type-card strong,.listing-type-card small { display: block; }.listing-type-card strong { color: var(--navy); font-size: 15px; }.listing-type-card small { margin-top: 4px; color: var(--muted); font-size: 10px; }.listing-type-card i { position: absolute; display: none; top: 14px; right: 14px; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font-size: 10px; font-style: normal; }.listing-type-card:has(input:checked) i { display: grid; }.premium-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.premium-form-grid .full { grid-column: 1/-1; }.form-group textarea { width: 100%; padding: 13px; resize: vertical; border: 1px solid #dbe1eb; border-radius: 10px; outline: 0; color: var(--text); background: #fff; font: inherit; font-size: 12px; }.form-group textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(41,98,255,.1); }.money-input { position: relative; }.money-input input { padding-right: 44px; }.money-input>span { position: absolute; right: 14px; bottom: 13px; color: var(--muted); font-size: 11px; font-weight: 700; }.image-upload { position: relative; display: flex; min-height: 330px; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; border: 2px dashed #cbd5e5; border-radius: 17px; cursor: pointer; background: #fafbfe; transition: .2s; }.image-upload:hover,.image-upload.dragging { border-color: var(--blue); background: #f4f7ff; }.image-upload input { position: absolute; opacity: 0; pointer-events: none; }.upload-icon { display: grid; place-items: center; width: 60px; height: 60px; margin-bottom: 14px; border-radius: 17px; color: var(--blue); background: #eaf0ff; font-size: 27px; }.image-upload strong { color: var(--navy); font-size: 14px; }.image-upload small { color: var(--muted); font-size: 10px; }.image-upload img { position: absolute; display: none; inset: 0; width: 100%; height: 100%; object-fit: cover; }.image-upload.has-image img { display: block; }.image-upload.has-image::after { content: 'Görseli değiştirmek için tıklayın'; position: absolute; left: 50%; bottom: 17px; transform: translateX(-50%); padding: 7px 12px; border-radius: 8px; color: #fff; background: rgba(11,31,68,.84); font-size: 9px; }.listing-preview { display: grid; grid-template-columns: 42% 1fr; gap: 28px; align-items: center; padding: 18px; border: 1px solid var(--border); border-radius: 15px; background: #fff; box-shadow: var(--shadow); }.preview-image { height: 260px; overflow: hidden; border-radius: 12px; background: var(--background); }.preview-image img { width: 100%; height: 100%; object-fit: cover; }.listing-preview h2 { margin: 9px 0 3px; color: var(--navy); font-size: 24px; }.listing-preview p { color: var(--muted); font-size: 11px; }.preview-location { margin: 0!important; }.preview-facts { display: flex; gap: 35px; margin-top: 22px; padding-top: 17px; border-top: 1px solid var(--border); }.preview-facts small,.preview-facts strong { display: block; }.preview-facts small { color: var(--muted); font-size: 9px; }.preview-facts strong { color: var(--navy); font-size: 14px; }.moderation-note { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding: 14px; border: 1px solid #f5d7a0; border-radius: 10px; color: #79541c; background: #fff9ed; }.moderation-note>span { font-size: 22px; }.moderation-note p { margin: 0; font-size: 10px; }.form-navigation { display: flex; justify-content: space-between; gap: 12px; margin-top: 25px; padding-top: 22px; border-top: 1px solid var(--border); }.form-navigation [data-step-next],.form-navigation [data-step-submit] { margin-left: auto; }.listing-alert { max-width: 720px; margin: 0 auto 20px; }.submission-success { display: flex; align-items: center; gap: 20px; padding: 35px; border: 1px solid #b8e6cf; border-radius: 18px; background: #f1fbf6; box-shadow: var(--shadow); }.submission-success>span { display: grid; place-items: center; width: 60px; height: 60px; flex: 0 0 60px; border-radius: 18px; color: #fff; background: var(--green); font-size: 26px; }.submission-success h1 { margin: 0; color: var(--navy); font-size: 23px; }.submission-success p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }.submission-success .btn { margin-left: auto; }

/* Listing detail */
.detail-top { padding: 34px 0 38px; border-bottom: 1px solid var(--border); background: linear-gradient(145deg,#f8faff,#fff); }.detail-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; color: var(--muted); font-size: 10px; }.detail-breadcrumb a:hover { color: var(--blue); }.detail-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; }.detail-type-badge { display: inline-flex; padding: 6px 10px; border-radius: 7px; color: #fff; background: var(--blue); font-size: 10px; font-weight: 700; }.detail-heading h1 { max-width: 850px; margin: 9px 0 8px; color: var(--navy); font-size: clamp(30px,3.5vw,45px); line-height: 1.15; letter-spacing: -1.5px; }.detail-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; color: var(--muted); font-size: 11px; }.detail-actions { display: flex; gap: 9px; }.detail-action { display: inline-flex; align-items: center; gap: 7px; height: 42px; padding: 0 14px; border: 1px solid var(--border); border-radius: 10px; color: #475467; background: #fff; cursor: pointer; white-space: nowrap; font-size: 11px; font-weight: 600; }.detail-action:hover,.detail-action.active { color: var(--blue); border-color: #b9caff; }.detail-section { background: var(--background); }.detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; align-items: start; gap: 25px; }.detail-main { display: grid; gap: 18px; }.detail-cover { height: 480px; margin: 0; overflow: hidden; border-radius: 17px; background: #eaf0ff; box-shadow: var(--shadow); }.detail-cover img { width: 100%; height: 100%; object-fit: cover; }.detail-content-card,.owner-card { padding: 30px; border: 1px solid var(--border); border-radius: 16px; background: #fff; }.content-block { display: grid; grid-template-columns: 42px 1fr; gap: 14px; }.content-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; color: var(--blue); background: #edf2ff; font-size: 19px; }.content-block h2 { margin: 4px 0 8px; color: var(--navy); font-size: 19px; }.content-block p,.rich-description { margin: 0; color: #536078; font-size: 13px; line-height: 1.8; }.detail-divider { height: 1px; margin: 25px 0; background: var(--border); }.detail-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 23px; }.detail-info-grid>div { padding: 18px; border-radius: 12px; background: var(--background); }.detail-info-grid small,.detail-info-grid strong { display: block; }.detail-info-grid small { color: var(--blue); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }.detail-info-grid strong { margin-top: 4px; color: var(--navy); font-size: 14px; }.detail-info-grid p { margin: 1px 0 0; color: var(--muted); font-size: 9px; }.owner-card-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }.owner-card-heading h2 { margin: 0; color: var(--navy); font-size: 18px; }.owner-card-heading>span { padding: 5px 9px; border-radius: 7px; color: #167c48; background: #eaf8f1; font-size: 9px; font-weight: 700; }.owner-profile { display: flex; align-items: center; gap: 15px; }.owner-large-avatar { display: grid; place-items: center; width: 64px; height: 64px; flex: 0 0 64px; overflow: hidden; border-radius: 17px; color: #fff; background: linear-gradient(145deg,var(--blue),var(--navy)); font-size: 23px; font-weight: 800; }.owner-large-avatar img { width: 100%; height: 100%; object-fit: cover; }.owner-profile h3 { margin: 0; color: var(--navy); font-size: 15px; }.owner-profile p { margin: 2px 0; color: var(--muted); font-size: 9px; }.owner-profile small { color: #536078; font-size: 10px; }.owner-verifications { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border); }.owner-verifications span { padding: 6px 9px; border-radius: 7px; color: #8b95a7; background: #f1f3f6; font-size: 9px; }.owner-verifications .verified { color: #167c48; background: #eaf8f1; }
.detail-sidebar { position: sticky; top: 102px; }.deal-card { padding: 25px; border: 1px solid var(--border); border-radius: 16px; background: #fff; box-shadow: 0 14px 40px rgba(11,31,68,.08); }.deal-label { display: block; color: var(--muted); font-size: 10px; }.deal-capital { display: block; margin: 2px 0 19px; color: var(--navy); font-size: 30px; letter-spacing: -1px; }.deal-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--border); font-size: 10px; }.deal-row span { color: var(--muted); }.deal-row b { color: var(--navy); text-align: right; }.contact-owner { width: 100%; margin-top: 18px; padding-inline: 12px; font-size: 11px; }.profile-link { display: flex; justify-content: center; gap: 8px; padding: 13px 0 5px; color: var(--blue); font-size: 11px; font-weight: 700; }.safe-note { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--border); color: var(--muted); font-size: 8px; line-height: 1.6; }.similar-section { background: #fff; }.similar-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }.similar-card { overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: #fff; transition: .2s; }.similar-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }.similar-image { position: relative; display: block; height: 150px; background: var(--background); }.similar-image img { width: 100%; height: 100%; object-fit: cover; }.similar-card>div { padding: 14px; }.similar-card h3 { min-height: 40px; margin: 0 0 5px; color: var(--navy); font-size: 13px; line-height: 1.45; }.similar-card p { margin: 0 0 12px; color: var(--muted); font-size: 9px; }.similar-card>div>div { display: flex; justify-content: space-between; gap: 7px; padding-top: 10px; border-top: 1px solid var(--border); color: var(--muted); font-size: 9px; }.similar-card>div>div strong { color: var(--navy); }

/* FREE / PRO results */
.results-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin-top: 28px; }.results-pagination a { display: grid; place-items: center; min-width: 36px; height: 36px; padding: 0 9px; border: 1px solid var(--border); border-radius: 9px; color: var(--muted); background: #fff; font-size: 11px; font-weight: 700; }.results-pagination a:hover,.results-pagination a.active { color: #fff; border-color: var(--blue); background: var(--blue); }

/* Category landing pages */
.listing-landing-hero { background:linear-gradient(125deg,#07162f,#0b1f44 58%,#16376f) }
.listing-landing-hero { --landing-accent:#2962ff; position:relative; overflow:hidden; padding:66px 0 58px; color:#fff; background:radial-gradient(circle at 80% 25%,color-mix(in srgb,var(--landing-accent) 45%,transparent),transparent 26%),linear-gradient(125deg,#07162f,#0b1f44 58%,#16376f) }.listing-landing-hero.investment { --landing-accent:#25b46b }.listing-landing-hero.joiners { --landing-accent:#8753df }.listing-landing-hero::before { content:''; position:absolute; inset:0; opacity:.16; background-image:radial-gradient(#fff 1px,transparent 1px); background-size:29px 29px; mask-image:linear-gradient(to right,transparent,#000) }.landing-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.25fr) .75fr; align-items:center; gap:70px }.landing-eyebrow { color:#a9beff; font-size:10px; font-weight:800; letter-spacing:.14em }.investment .landing-eyebrow { color:#8be0b5 }.joiners .landing-eyebrow { color:#cbb1ff }.landing-hero-copy h1 { max-width:770px; margin:10px 0 12px; font-size:clamp(38px,4.4vw,58px); line-height:1.1; letter-spacing:-2.3px }.landing-hero-copy>p { max-width:690px; margin:0 0 27px; color:#bcc8dc; font-size:15px }.landing-search { display:flex; align-items:center; gap:11px; max-width:730px; padding:8px 8px 8px 18px; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:rgba(255,255,255,.96); box-shadow:0 18px 45px rgba(0,0,0,.2) }.landing-search input { min-width:0; flex:1; height:44px; border:0; outline:0; color:var(--navy); font-size:12px }.landing-search .btn { background:var(--landing-accent) }.landing-proof { display:flex; gap:24px; margin-top:15px; color:#aebbd1; font-size:9px }.landing-proof span { display:flex; align-items:center; gap:6px }.landing-proof i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(37,180,107,.16) }.landing-hero-art { position:relative; min-height:310px }.landing-icon { position:absolute; z-index:2; display:grid; place-items:center; width:145px; height:145px; top:75px; left:calc(50% - 72px); border:1px solid rgba(255,255,255,.23); border-radius:42px; background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06)); box-shadow:0 25px 60px rgba(0,0,0,.2); backdrop-filter:blur(12px); font-size:64px }.art-orbit { position:absolute; width:285px; height:285px; top:5px; left:calc(50% - 142px); border:1px solid rgba(255,255,255,.12); border-radius:50% }.art-card { position:absolute; z-index:3; padding:11px 14px; border:1px solid rgba(255,255,255,.24); border-radius:11px; color:#dbe4f3; background:rgba(255,255,255,.1); backdrop-filter:blur(10px); font-size:8px }.art-card b { color:#fff; font-size:10px }.art-card-one { top:35px; right:-5px }.art-card-two { left:-8px; bottom:35px }.art-card-two i { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:var(--green) }
.landing-filter-section { position:relative; z-index:3; padding:19px 0; border-bottom:1px solid var(--border); background:#fff; box-shadow:0 8px 25px rgba(11,31,68,.035) }.landing-filters { display:grid; grid-template-columns:1fr 1fr 1.6fr 1fr auto auto; align-items:end; gap:10px }.landing-filters label { display:block; margin-bottom:5px; color:var(--navy); font-size:9px; font-weight:700 }.landing-filters select,.landing-filters input { width:100%; height:39px; padding:0 9px; border:1px solid #dce2ec; border-radius:8px; outline:0; color:#475467; background:#fff; font-size:9px }.landing-capital>span { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:5px }.landing-capital b { color:var(--muted); font-size:9px }.landing-filters .btn { min-height:39px; padding-inline:16px; font-size:9px }.clear-landing-filter { align-self:center; margin-top:18px; color:var(--blue); font-size:9px }.landing-list-section { background:var(--background) }.landing-list-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:20px }.landing-list-head>div span { color:var(--blue); font-size:9px; font-weight:700 }.landing-list-head h2 { margin:2px 0 0; color:var(--navy); font-size:23px }.landing-list-head form { display:flex; align-items:center; gap:7px }.landing-list-head label { color:var(--muted); font-size:9px }.landing-list-head select { height:36px; padding:0 28px 0 9px; border:1px solid var(--border); border-radius:8px; color:var(--navy); background:#fff; font-size:9px }.landing-list-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px }.landing-list-card { min-width:0; overflow:hidden; border:1px solid var(--border); border-radius:14px; background:#fff; box-shadow:0 5px 20px rgba(11,31,68,.04); transition:.22s }.landing-list-card:hover { transform:translateY(-4px); box-shadow:var(--shadow) }.landing-list-image { position:relative; display:block; height:190px; background:#eaf0ff }.landing-list-image img { width:100%; height:100%; object-fit:cover }.landing-list-content { padding:17px }.landing-list-content h3 { min-height:44px; margin:0; color:var(--navy); font-size:15px; line-height:1.45 }.landing-card-description { min-height:55px; margin:12px 0; color:#58657a; font-size:10px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical }.landing-card-owner { display:flex; align-items:center; gap:8px; padding:11px 0; border-top:1px solid var(--border) }.landing-card-owner>span { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:var(--navy); background:#dceeea; font-size:10px; font-weight:800 }.landing-card-owner small { color:var(--muted); font-size:8px; line-height:1.3 }.landing-card-owner b { color:var(--navy); font-size:9px }.landing-card-facts { display:flex; align-items:flex-end; gap:13px; padding-top:11px; border-top:1px solid var(--border) }.landing-card-facts small,.landing-card-facts strong { display:block }.landing-card-facts small { color:var(--muted); font-size:7px }.landing-card-facts strong { color:var(--navy); font-size:10px }.landing-card-facts a { margin-left:auto; color:var(--blue); font-size:9px; font-weight:700 }.landing-lock { grid-column:1/-1 }.landing-bottom-cta { padding:38px 0; color:#fff; background:linear-gradient(120deg,#07162f,#143b86) }.landing-bottom-cta.investment { background:linear-gradient(120deg,#071d24,#116442) }.landing-bottom-cta.joiners { background:linear-gradient(120deg,#16102a,#4e2e86) }.landing-bottom-cta>.container { display:flex; justify-content:space-between; align-items:center; gap:30px }.landing-bottom-cta>div>div { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:15px }.landing-bottom-cta>div>div>span { grid-row:1/3; font-size:32px }.landing-bottom-cta h2 { margin:0; font-size:21px }.landing-bottom-cta p { margin:2px 0 0; color:#b8c6da; font-size:10px }

/* Favorites */
.mini-favorite,.similar-favorite { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border:1px solid var(--border); border-radius:50%; color:var(--navy); background:#fff; cursor:pointer; font-size:18px }.mini-favorite.active,.similar-favorite.active { color:#e5484d }.horizontal-listing { grid-template-columns:116px 1fr auto auto }.similar-card { position:relative }.similar-favorite { position:absolute; z-index:3; top:10px; right:10px; background:rgba(255,255,255,.94) }.detail-action b { font:inherit }.app-toast { position:fixed; z-index:200; left:50%; bottom:28px; opacity:0; pointer-events:none; transform:translate(-50%,20px); padding:11px 17px; border-radius:10px; color:#fff; background:var(--navy); box-shadow:0 15px 40px rgba(11,31,68,.25); font-size:11px; font-weight:600; transition:.2s }.app-toast.show { opacity:1; transform:translate(-50%,0) }.app-toast.error { background:#a83038 }.favorites-head { padding:45px 0 36px; border-bottom:1px solid var(--border); background:linear-gradient(145deg,#f7f9ff,#fff) }.favorites-head>.container { display:flex; justify-content:space-between; align-items:flex-end; gap:25px }.favorites-head h1 { margin:5px 0 2px; color:var(--navy); font-size:36px; letter-spacing:-1.3px }.favorites-head p { margin:0; color:var(--muted); font-size:12px }.favorites-section { background:var(--background) }.favorites-summary { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px }.favorites-summary strong { color:var(--navy); font-size:13px }.favorites-summary a { color:var(--blue); font-size:10px; font-weight:700 }.favorites-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px }.favorite-saved-card { display:grid; grid-template-columns:175px 1fr; min-width:0; overflow:hidden; border:1px solid var(--border); border-radius:14px; background:#fff; transition:.22s }.favorite-saved-card.removing { opacity:0; transform:scale(.97) }.favorite-saved-image { position:relative; min-height:210px; background:#eaf0ff }.favorite-saved-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover }.favorite-saved-card>div { min-width:0; padding:17px }.favorite-saved-card h2 { min-height:42px; margin:0; color:var(--navy); font-size:14px; line-height:1.45 }.favorite-saved-card>div>p { color:#58657a; font-size:9px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical }.favorite-saved-footer { display:flex; align-items:flex-end; gap:13px; padding-top:11px; border-top:1px solid var(--border) }.favorite-saved-footer small,.favorite-saved-footer strong { display:block }.favorite-saved-footer small { color:var(--muted); font-size:7px }.favorite-saved-footer strong { color:var(--navy); font-size:9px }.favorite-saved-footer a { margin-left:auto; color:var(--blue); font-size:8px; font-weight:700 }.favorites-empty { grid-column:1/-1; padding:65px 25px; border:1px dashed #ccd5e4; border-radius:16px; text-align:center; background:#fff }.favorites-empty>span { display:grid; place-items:center; width:62px; height:62px; margin:0 auto 14px; border-radius:18px; color:var(--blue); background:#edf2ff; font-size:30px }.favorites-empty h2 { margin:0; color:var(--navy); font-size:21px }.favorites-empty p { margin:5px 0 20px; color:var(--muted); font-size:11px }

/* Advanced search */
.search-results-head { padding: 36px 0 28px; border-bottom: 1px solid var(--border); background: linear-gradient(145deg,#f7f9ff,#fff); }.advanced-query-bar { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 18px; border: 1px solid #d8dfeb; border-radius: 14px; background: #fff; box-shadow: 0 12px 34px rgba(11,31,68,.08); }.advanced-query-bar input { flex: 1; min-width: 0; height: 45px; border: 0; outline: 0; color: var(--navy); font-size: 14px; }.search-summary { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-top: 25px; }.search-summary h1 { max-width: 950px; margin: 5px 0 0; color: var(--navy); font-size: clamp(25px,3vw,38px); line-height: 1.25; letter-spacing: -1.1px; }.search-summary p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }.search-summary p strong { color: var(--navy); }.filter-toggle { display: none; padding: 10px 13px; border: 1px solid var(--border); border-radius: 9px; color: var(--blue); background: #fff; font-size: 11px; font-weight: 700; }.intent-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 17px; }.intent-chips small { color: var(--muted); font-size: 9px; }.intent-chips span { padding: 6px 9px; border: 1px solid #d9e2fb; border-radius: 8px; color: var(--blue); background: #f1f5ff; font-size: 9px; font-weight: 600; }
.advanced-results-section { padding-top: 34px; background: var(--background); }.advanced-results-layout { display: grid; grid-template-columns: 245px minmax(0,1fr); align-items: start; gap: 22px; }.filter-sidebar { position: sticky; top: 98px; padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: #fff; box-shadow: 0 6px 25px rgba(11,31,68,.04); }.filter-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }.filter-heading h2 { margin: 0; color: var(--navy); font-size: 16px; }.filter-heading a { color: var(--blue); font-size: 9px; }.filter-group { margin-top: 14px; }.filter-group>label { display: block; margin-bottom: 6px; color: var(--navy); font-size: 10px; font-weight: 700; }.filter-group select,.filter-group input { width: 100%; height: 39px; padding: 0 10px; border: 1px solid #dce2ec; border-radius: 8px; outline: 0; color: #475467; background: #fff; font-size: 10px; }.filter-group select:focus,.filter-group input:focus { border-color: var(--blue); }.range-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 5px; }.range-row span { color: var(--muted); font-size: 9px; }.apply-filters { width: 100%; min-height: 42px; margin-top: 19px; font-size: 10px; }.filter-pro-note { display: block; margin-top: 10px; color: var(--blue); text-align: center; font-size: 8px; }.search-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px; }.search-toolbar>span { color: var(--muted); font-size: 10px; }.search-toolbar>span strong { color: var(--navy); font-size: 14px; }.search-toolbar form { display: flex; align-items: center; gap: 7px; }.search-toolbar label { color: var(--muted); font-size: 9px; }.search-toolbar select { height: 35px; padding: 0 28px 0 9px; border: 1px solid var(--border); border-radius: 8px; color: var(--navy); background: #fff; font-size: 10px; }.advanced-card-list { display: grid; gap: 13px; }.advanced-result-card { display: grid; grid-template-columns: 235px 1fr; min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: #fff; transition: .2s; }.advanced-result-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }.advanced-result-image { position: relative; min-height: 205px; background: #eaf0ff; }.advanced-result-image img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }.advanced-result-content { min-width: 0; padding: 18px 20px; }.advanced-result-content .result-title-row h2 { min-height: 0; margin-top: 3px; font-size: 17px; }.advanced-description { margin: 12px 0; color: #58657a; font-size: 10px; line-height: 1.65; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.advanced-facts { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; padding-top: 13px; border-top: 1px solid var(--border); }.advanced-facts small,.advanced-facts strong { display: block; }.advanced-facts small { color: var(--muted); font-size: 8px; }.advanced-facts strong { overflow: hidden; color: var(--navy); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.search-lock { position: relative; min-height: 300px; overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: #fff; }.search-lock-blur { display: grid; gap: 10px; padding: 15px; filter: blur(6px); opacity: .65; }.search-lock-blur i { height: 78px; border-radius: 10px; background: linear-gradient(90deg,#dce3ee,#eff2f7); }.search-lock>div:last-child { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: rgba(247,249,252,.72); }.search-lock h2 { margin: 13px 0 2px; color: var(--navy); font-size: 20px; }.search-lock p { margin: 0 0 15px; color: var(--muted); font-size: 10px; }
.results-hero { padding: 48px 0 38px; border-bottom: 1px solid var(--border); background: linear-gradient(145deg,#f7f9ff,#fff); }.results-hero>.container { display: flex; justify-content: space-between; align-items: flex-end; gap: 35px; }.results-hero h1 { margin: 5px 0 0; color: var(--navy); font-size: 38px; letter-spacing: -1.5px; }.results-hero p { margin: 2px 0 0; color: var(--muted); font-size: 12px; }.results-search { display: flex; align-items: center; gap: 10px; width: min(450px,100%); padding: 7px 7px 7px 16px; border: 1px solid var(--border); border-radius: 12px; background: #fff; box-shadow: var(--shadow); }.results-search input { flex: 1; min-width: 0; height: 40px; border: 0; outline: 0; }.results-search .btn { min-height: 42px; }.results-section { background: var(--background); }.results-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }.results-toolbar strong { color: var(--navy); }.results-toolbar span { color: var(--muted); font-size: 10px; }.results-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.result-card { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: #fff; box-shadow: 0 5px 22px rgba(11,31,68,.04); }.result-image { position: relative; display: block; height: 190px; background: #eaf0ff; }.result-image img { width: 100%; height: 100%; object-fit: cover; }.result-content { padding: 18px; }.result-title-row { display: flex; align-items: flex-start; gap: 8px; }.result-title-row h2 { flex: 1; min-height: 46px; margin: 0; color: var(--navy); font-size: 16px; line-height: 1.45; }.result-favorite { flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid var(--border); border-radius: 50%; color: var(--navy); background: #fff; cursor: pointer; font-size: 18px; }.result-favorite.active { color: #e5484d; }.result-location { margin: 5px 0; color: var(--muted); font-size: 10px; }.result-description { min-height: 58px; color: #58657a; font-size: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }.result-footer { display: flex; align-items: flex-end; gap: 15px; padding-top: 13px; border-top: 1px solid var(--border); }.result-footer span { min-width: 0; }.result-footer small,.result-footer strong { display: block; }.result-footer small { color: var(--muted); font-size: 8px; }.result-footer strong { color: var(--navy); font-size: 11px; }.result-footer>a { margin-left: auto; color: var(--blue); font-size: 10px; font-weight: 700; }.locked-results { position: relative; grid-column: 1/-1; min-height: 360px; overflow: hidden; border: 1px solid var(--border); border-radius: 16px; background: #fff; }.blurred-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; padding: 18px; filter: blur(7px); opacity: .6; }.blurred-cards article { padding: 12px; border: 1px solid var(--border); border-radius: 12px; }.blurred-cards article div { height: 145px; border-radius: 9px; background: #dbe2ef; }.blurred-cards article span,.blurred-cards article b,.blurred-cards article p { display: block; height: 12px; margin-top: 13px; border-radius: 6px; background: #d5dce8; }.blurred-cards article b { width: 75%; height: 19px; }.blurred-cards article p { width: 90%; }.locked-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px; text-align: center; background: rgba(247,249,252,.76); backdrop-filter: blur(2px); }.pro-lock-icon { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid var(--border); border-radius: 18px; color: var(--navy); background: #fff; box-shadow: var(--shadow); font-size: 26px; }.locked-overlay h2 { margin: 16px 0 3px; color: var(--navy); font-size: 22px; }.locked-overlay p { margin: 0 0 18px; color: var(--muted); font-size: 12px; }
.pro-hero { padding: 75px 0 95px; text-align: center; color: #fff; background: radial-gradient(circle at 50% 0,rgba(41,98,255,.48),transparent 35%),linear-gradient(140deg,#07162f,#102e68); }.pro-crown { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; color: #ffd66b; background: rgba(255,255,255,.08); font-size: 28px; }.pro-hero h1 { margin: 11px 0; font-size: clamp(40px,5vw,61px); line-height: 1.1; letter-spacing: -2.5px; }.pro-hero h1 span { color: #7da0ff; }.pro-hero p { max-width: 650px; margin: auto; color: #b9c6dc; font-size: 15px; }.pro-pricing-section { padding-top: 0; background: var(--background); }.pro-layout { display: grid; grid-template-columns: 1fr 390px; align-items: center; gap: 80px; margin-top: -45px; }.pro-benefits { padding-top: 75px; }.pro-benefits h2 { margin: 7px 0; color: var(--navy); font-size: 35px; letter-spacing: -1px; }.pro-benefits>p { max-width: 600px; color: var(--muted); font-size: 13px; }.benefit-list { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 27px; }.benefit-list div { display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid var(--border); border-radius: 11px; background: #fff; }.benefit-list span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: #fff; background: var(--green); font-size: 10px; }.benefit-list strong { color: var(--navy); font-size: 11px; }.pricing-card { padding: 35px; border: 1px solid #cadaff; border-radius: 20px; background: #fff; box-shadow: 0 25px 60px rgba(11,31,68,.15); }.pricing-label { display: inline-flex; padding: 5px 9px; border-radius: 6px; color: var(--blue); background: #edf2ff; font-size: 9px; font-weight: 800; }.pricing-card h2 { margin: 13px 0 0; color: var(--navy); font-size: 28px; }.price { display: flex; align-items: baseline; gap: 6px; }.price strong { color: var(--navy); font-size: 38px; letter-spacing: -1.5px; }.price span { color: var(--muted); font-size: 12px; }.pricing-card>p { color: var(--muted); font-size: 11px; }.pricing-card ul { margin: 22px 0; padding: 18px 0; border-block: 1px solid var(--border); list-style: none; }.pricing-card li { padding: 5px 0; color: #475467; font-size: 11px; }.pricing-card li::before { content: '✓'; margin-right: 8px; color: var(--green); font-weight: 800; }.pro-upgrade { width: 100%; }.pro-upgrade:disabled { opacity: .8; cursor: not-allowed; }.payment-note { display: block; margin-top: 9px; text-align: center; color: var(--muted); font-size: 8px; }.current-plan { padding: 13px; border-radius: 10px; color: #167c48; background: #eaf8f1; text-align: center; font-size: 11px; font-weight: 700; }.current-plan small { font-weight: 400; }.pro-faq-strip { padding: 18px 0; background: #fff; border-top: 1px solid var(--border); }.pro-faq-strip>.container { display: flex; justify-content: center; gap: 10px; color: var(--muted); font-size: 10px; }.pro-faq-strip strong { color: var(--navy); }.btn-pro.active-pro { color: #ffd66b; }