:root { --ink:#182039; --muted:#788197; --line:#e9ebf2; --canvas:#f7f8fb; --blue:#3347ed; --blue-dark:#2535be; --blue-soft:#eef0ff; --card:#fff; --orange:#ff8c63; --green:#29aa78; --radius:16px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--canvas); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size:14px; }
button, input { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; }
.app-shell { min-height:100vh; display:flex; }
.sidebar { background:#fff; border-right:1px solid var(--line); width:256px; min-height:100vh; position:fixed; inset:0 auto 0 0; z-index:10; display:flex; flex-direction:column; padding:27px 16px 16px; }
.brand, .mobile-brand { display:flex; align-items:center; gap:8px; font-weight:800; font-size:21px; letter-spacing:-1.35px; padding:0 10px; }
.brand-dot, .mobile-brand span { color:var(--blue); }.brand-mark { width:17px; height:17px; display:grid; grid-template:repeat(2,1fr)/repeat(2,1fr); gap:1.5px; transform:rotate(45deg); }.brand-mark i { background:var(--blue); border-radius:1px; }.brand-mark i:nth-child(2),.brand-mark i:nth-child(3) { opacity:.6; }.brand-mark i:nth-child(4) { background:#ff9a73; }
.main-nav { margin-top:44px; display:grid; gap:5px; }.nav-link { display:flex; align-items:center; gap:13px; height:44px; padding:0 12px; color:#657089; border-radius:10px; font-weight:500; }.nav-link:hover { background:#f6f7fb; color:var(--ink); }.nav-link.active { color:var(--blue); background:var(--blue-soft); font-weight:700; }.nav-link b { margin-left:auto; background:#f0f1f5; color:#6e768a; font-size:10px; border-radius:12px; padding:3px 7px; }.nav-link.active b { background:white; color:var(--blue); }.nav-link b.notification { color:white; background:var(--blue); }
.icon { height:18px; width:18px; position:relative; display:inline-block; color:currentColor; }.icon-grid { border:1.7px solid currentColor; border-radius:4px; background:linear-gradient(90deg,transparent 44%,currentColor 45% 55%,transparent 56%),linear-gradient(0deg,transparent 44%,currentColor 45% 55%,transparent 56%); }.icon-layers:before,.icon-layers:after { content:""; position:absolute; inset:3px 1px; border:1.7px solid currentColor; border-radius:3px; transform:skewY(-20deg); }.icon-layers:after { transform:skewY(-20deg) translateY(5px); opacity:.65; }.icon-compass { border:1.7px solid currentColor; border-radius:50%; }.icon-compass:after { content:""; position:absolute; left:6px; top:2px; width:4px; height:11px; background:currentColor; clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%); }.icon-message { border:1.7px solid currentColor; border-radius:5px; }.icon-message:after { content:""; position:absolute; bottom:-3px; left:3px; border:4px solid transparent; border-top-color:currentColor; transform:rotate(45deg); }.icon-user:before { content:""; position:absolute; left:5px; top:1px; width:6px; height:6px; border:1.6px solid currentColor; border-radius:50%; }.icon-user:after { content:""; position:absolute; left:2px; bottom:1px; width:12px; height:7px; border:1.6px solid currentColor; border-radius:8px 8px 3px 3px; }
.nav-section { border-top:1px solid var(--line); margin:30px 8px 0; padding:23px 4px; }.eyebrow { margin:0 0 7px; color:#8790a4; font-size:10px; letter-spacing:.075em; text-transform:uppercase; font-weight:700; }.sub-link { height:34px; display:flex; align-items:center; gap:10px; color:#687288; font-size:13px; }.sub-dot { height:7px; width:7px; border-radius:50%; }.indigo { background:var(--blue); }.orange { background:var(--orange); }.green { background:var(--green); }
.sidebar-bottom { margin-top:auto; }.upgrade-card { padding:14px; background:linear-gradient(145deg,#f1f3ff,#f7f7ff); border:1px solid #e7eaff; border-radius:12px; margin:10px 0 16px; position:relative; overflow:hidden; }.upgrade-card:after { content:""; height:70px; width:70px; position:absolute; border-radius:50%; background:#dfe4ff; filter:blur(12px); right:-28px; top:-36px; }.tiny-spark { color:var(--blue); }.upgrade-card strong { display:block; margin:7px 0 4px; font-size:12px; }.upgrade-card p { color:#717a91; font-size:11px; line-height:1.55; margin:0 0 9px; }.upgrade-card a { color:var(--blue); font-size:11px; font-weight:700; }.upgrade-card a span { margin-left:4px; }.account { background:transparent; border:0; border-top:1px solid var(--line); width:100%; padding:17px 5px 2px; display:flex; text-align:left; align-items:center; gap:9px; color:var(--ink); }.avatar { display:inline-flex; align-items:center; justify-content:center; border-radius:50%; color:white; background:linear-gradient(135deg,#eaa989,#744b41); font-size:10px; font-weight:700; }.avatar-sm { flex:0 0 29px; height:29px; }.account strong,.account small { display:block; }.account strong { font-size:11px; }.account small { color:#8d95a5; font-size:10px; margin-top:2px; }.more { margin-left:auto; color:#8d95a5; padding-bottom:6px; }
.main-content { margin-left:256px; width:calc(100% - 256px); }.topbar { height:78px; background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); display:flex; position:sticky; top:0; z-index:8; align-items:center; justify-content:space-between; padding:0 clamp(25px,4vw,59px); backdrop-filter:blur(12px); }.search-box { position:relative; width:min(405px,38vw); }.search-box input { width:100%; border:1px solid transparent; background:#f4f5f8; border-radius:9px; outline:none; height:38px; padding:0 15px 0 38px; color:var(--ink); font-size:12px; transition:.2s; }.search-box input:focus { background:#fff; border-color:#b7befb; box-shadow:0 0 0 3px #eef0ff; }.search-icon { position:absolute; z-index:1; left:14px; top:12px; height:13px; width:13px; border:1.5px solid #8992a6; border-radius:50%; }.search-icon:after { content:""; height:5px; width:1.5px; background:#8992a6; position:absolute; right:-3px; bottom:-3px; transform:rotate(-45deg); }.top-actions { display:flex; align-items:center; gap:11px; }.icon-button { height:34px; width:34px; border:1px solid var(--line); border-radius:8px; background:white; color:#7d8699; font-size:14px; }.bell { position:relative; }.bell i { height:6px; width:6px; background:#ff765a; border:1.5px solid white; position:absolute; right:7px; top:7px; border-radius:50%; }.bell-icon { width:12px; height:13px; display:inline-block; border:1.4px solid currentColor; border-radius:7px 7px 4px 4px; border-bottom:0; position:relative; top:2px; }.bell-icon:after { content:""; position:absolute; bottom:-3px; left:-2px; width:14px; border-bottom:1.4px solid currentColor; }.create-button { height:36px; border:0; border-radius:8px; padding:0 14px; font-weight:700; color:#fff; background:var(--blue); box-shadow:0 5px 10px rgba(51,71,237,.15); }.create-button:hover { background:var(--blue-dark); }.create-button span { font-size:17px; vertical-align:-1px; margin-right:4px; font-weight:400; }.create-button em { font-style:normal; font-size:12px; }.menu-button,.mobile-brand { display:none; }
.dashboard { max-width:1420px; margin:0 auto; padding:44px clamp(25px,4vw,59px) 64px; }.welcome-row { display:flex; align-items:end; justify-content:space-between; margin-bottom:26px; }.blue-label { color:var(--blue); }.blue-label span { display:inline-block; height:5px; width:5px; background:var(--blue); border-radius:50%; margin:0 4px 1px 0; }.welcome-row h1 { margin:0; font-size:29px; line-height:1.2; letter-spacing:-1.2px; }.wave { font-size:25px; }.intro { margin:7px 0 0; color:var(--muted); font-size:13px; }.date-chip { color:#737d92; font-size:11px; display:flex; gap:8px; align-items:center; padding-bottom:4px; }.calendar-icon { width:15px; height:14px; border:1.4px solid #8992a8; border-radius:3px; position:relative; }.calendar-icon:after { content:""; position:absolute; top:3px; left:0; right:0; border-top:1px solid #8992a8; }
.profile-progress { border:1px solid #e3e7fa; border-radius:14px; background:linear-gradient(90deg,#fcfdff 0%,#f4f6ff 100%); padding:18px 22px; display:flex; justify-content:space-between; align-items:center; gap:32px; margin-bottom:20px; }.profile-summary { display:flex; align-items:center; gap:13px; }.portrait { width:43px; height:43px; flex:0 0 43px; border-radius:14px; background:linear-gradient(135deg,#e7c4ad 3%,#bf775c 94%); color:white; display:grid; place-items:center; font-size:11px; font-weight:700; position:relative; box-shadow:inset 0 0 0 2px #fff; }.online-dot { position:absolute; height:10px; width:10px; border-radius:50%; right:-3px; bottom:-2px; background:#4fc38e; border:2px solid white; }.profile-summary h2 { font-size:13px; margin:0 0 3px; letter-spacing:-.25px; }.profile-summary p:not(.eyebrow) { color:#7e879a; font-size:11px; margin:0; }.progress-area { width:275px; }.progress-label { display:flex; align-items:baseline; gap:4px; }.progress-label strong { font-size:15px; }.progress-label span { color:#7f899d; font-size:10px; }.progress-track { display:block; margin:6px 0 8px; height:5px; border-radius:10px; background:#dfe4f6; overflow:hidden; }.progress-track span { display:block; width:82%; height:100%; border-radius:inherit; background:var(--blue); }.progress-area a { color:var(--blue); font-size:11px; font-weight:700; }.progress-area a span { margin-left:3px; }
.metrics-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:34px; }.metric-card { min-height:119px; padding:17px; background:#fff; border:1px solid var(--line); border-radius:13px; display:flex; align-items:flex-start; gap:12px; box-shadow:0 4px 12px rgba(26,35,63,.018); }.metric-icon { height:34px; width:34px; border-radius:10px; display:grid; place-items:center; flex:0 0 34px; }.blue-icon { background:#edf0ff; color:var(--blue); }.violet-icon { background:#f1edff; color:#7753d9; }.peach-icon { background:#fff0ea; color:#e77e5b; }.metric-card p { margin:1px 0 7px; color:#788197; font-size:11px; }.metric-card strong { display:block; color:#202940; font-size:22px; line-height:1; letter-spacing:-.8px; }.metric-card small { display:block; color:#8a93a5; font-size:9px; margin-top:8px; }.metric-card small.positive { color:var(--green); font-weight:600; }.metric-card small.positive span { color:#8a93a5; font-weight:400; }.eye-icon { width:18px; height:12px; border:1.5px solid currentColor; border-radius:100% 0; transform:rotate(45deg); }.eye-icon:after { content:""; display:block; width:4px; height:4px; border-radius:50%; background:currentColor; margin:2.5px; }.briefcase-icon { width:17px; height:12px; border:1.5px solid currentColor; border-radius:3px; position:relative; }.briefcase-icon:before { content:""; position:absolute; width:7px; height:3px; left:3px; top:-5px; border:1.5px solid currentColor; border-bottom:0; border-radius:3px 3px 0 0; }.people-icon { width:15px; height:15px; border:1.5px solid currentColor; border-radius:8px 8px 3px 3px; border-top:0; position:relative; top:4px; }.people-icon:before { content:""; position:absolute; width:6px; height:6px; border:1.5px solid currentColor; border-radius:50%; top:-8px; left:3px; background:#fff0ea; }.accent-metric { display:block; position:relative; overflow:hidden; background:linear-gradient(135deg,#3448eb,#2b38bb); color:#fff; border-color:transparent; }.accent-metric p,.accent-metric strong,.accent-metric small { color:#fff; position:relative; z-index:2; }.accent-metric p { color:#cfd4ff; }.accent-metric strong { font-size:22px; }.accent-metric small { color:#c3c9ff; }.sparkline { display:flex; align-items:end; height:30px; gap:4px; position:absolute; right:17px; bottom:18px; opacity:.75; }.sparkline i { display:block; width:4px; border-radius:3px; background:#aebaff; }.sparkline i:nth-child(1){height:9px}.sparkline i:nth-child(2){height:14px}.sparkline i:nth-child(3){height:12px}.sparkline i:nth-child(4){height:19px}.sparkline i:nth-child(5){height:16px}.sparkline i:nth-child(6){height:25px}.sparkline i:nth-child(7){height:29px}
.content-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(315px,.85fr); gap:30px; margin-bottom:30px; }.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:15px; }.section-heading h2 { font-size:17px; margin:0; letter-spacing:-.55px; }.section-heading .eyebrow { margin-bottom:5px; }.text-link,.panel-footer-link { color:var(--blue); font-weight:700; font-size:11px; }.text-link span,.panel-footer-link span { margin-left:4px; }.project-grid { display:grid; grid-template-columns:1.17fr .83fr; gap:14px; }.project-card { background:#fff; border:1px solid var(--line); border-radius:13px; overflow:hidden; transition:transform .2s,box-shadow .2s; }.project-card:hover { transform:translateY(-2px); box-shadow:0 12px 25px rgba(20,33,73,.08); }.project-art { height:166px; position:relative; overflow:hidden; }.project-main .project-art { height:196px; }.project-status { position:absolute; z-index:3; top:12px; left:12px; font-size:9px; color:#31404f; background:rgba(255,255,255,.9); padding:5px 7px; border-radius:6px; font-weight:700; }.project-status.light { color:#fff; background:rgba(18,25,40,.42); }.more-button { position:absolute; z-index:3; right:10px; top:7px; border:0; background:rgba(255,255,255,.78); color:#253149; height:25px; width:25px; padding-bottom:7px; border-radius:6px; }.dark-more { color:#fff; background:rgba(20,25,35,.28); }.art-house { background:linear-gradient(156deg,#9ec6e4 0%,#e1eff2 41%,#d6c0ae 42%,#c39779 100%); }.art-house:after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(78deg,transparent 0 32px,rgba(255,255,255,.13) 33px 35px); }.art-sun { height:31px; width:31px; border-radius:50%; background:#fff2c5; position:absolute; right:16%; top:22px; filter:blur(.2px); }.house { position:absolute; z-index:1; bottom:0; display:block; }.house-a { height:116px; width:44%; left:11%; background:linear-gradient(90deg,#3c4851 0 49%,#55636b 50%); clip-path:polygon(0 35%,35% 0,100% 20%,100% 100%,0 100%); }.house-a:after { content:""; width:19px; height:38px; background:#c69d75; position:absolute; bottom:0; left:54%; }.house-b { height:102px; width:31%; right:8%; background:#e6ded4; clip-path:polygon(10% 24%,78% 0,100% 19%,100% 100%,0 100%,0 43%); }.house-b:after { content:""; position:absolute; width:50%; height:50%; right:12%; bottom:0; border-left:3px solid #788e93; border-top:3px solid #788e93; }.house-c { height:60px; width:42%; right:-11%; background:#a88062; clip-path:polygon(0 25%,38% 0,100% 13%,100% 100%,0 100%); }.art-brutalist { background:#252a2d; }.brute-grid { position:absolute; inset:0; background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50% 51%,transparent 52%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.08) 50% 51%,transparent 52%); background-size:20px 20px; }.brute-block { position:absolute; display:block; background:#d8cabe; z-index:1; box-shadow:inset -8px -9px 0 rgba(0,0,0,.1); }.block-one { width:46%; height:74%; bottom:-9%; left:10%; }.block-two { width:35%; height:48%; bottom:18%; left:42%; background:#a78f80; }.block-three { width:29%; height:34%; bottom:0; right:-3%; background:#eee5d8; }.project-copy { padding:13px 14px 14px; }.project-copy p { margin:0 0 5px; color:#8992a4; font-size:9px; }.project-copy h3 { font-size:13px; letter-spacing:-.3px; margin:0 0 12px; }.project-copy > div { display:flex; align-items:center; justify-content:space-between; }.team { display:flex; }.team b { height:18px; min-width:18px; padding:0 3px; display:grid; place-items:center; background:#7b5d4c; border:1px solid white; border-radius:50%; margin-left:-4px; color:white; font-size:6px; }.team b:first-child { margin-left:0; background:#bc8774; }.team b:last-child { background:#eff0f4; color:#647085; }.project-meta { color:#7a8498; font-size:9px; }.tiny-avatars i { display:inline-block; height:17px; width:17px; border-radius:50%; border:1px solid white; margin-right:-4px; background:#ccc; }.tiny-avatars i:first-child { background:#dd9973; }.tiny-avatars i:nth-child(2) { background:#556f80; }.tiny-avatars i:nth-child(3) { background:#c3b5df; }
.activity-panel { background:#fff; border:1px solid var(--line); border-radius:13px; padding:18px; }.round-arrow { height:25px; width:25px; border:1px solid var(--line); border-radius:7px; background:white; color:var(--blue); }.activity-list { list-style:none; margin:0; padding:0; }.activity-list li { min-height:65px; display:flex; align-items:start; gap:9px; padding:13px 0; border-top:1px solid #eff0f4; }.activity-avatar { flex:0 0 28px; width:28px; height:28px; display:grid; place-items:center; border-radius:9px; color:white; font-size:8px; font-weight:700; }.investor { background:#43537a; }.realtor { background:#ca876e; }.studio { background:#dec070; }.activity-list p { margin:0; color:#667085; font-size:10px; line-height:1.42; flex:1; }.activity-list strong { color:#334058; }.activity-list a { color:var(--blue); font-weight:600; }.activity-list small { color:#a0a7b5; display:block; margin-top:4px; }.activity-action { color:#7f8aa0; font-size:16px; }.saved { font-size:19px; }.accept-button { border:1px solid #dbe0fd; border-radius:6px; background:#f4f5ff; color:var(--blue); font-size:9px; font-weight:700; padding:5px 7px; }.panel-footer-link { display:block; border-top:1px solid #eff0f4; padding-top:14px; margin-top:2px; }
.lower-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:30px; }.goals-panel,.opportunities-panel { background:#fff; border:1px solid var(--line); border-radius:13px; padding:20px; }.edit-button { color:#64708a; border:1px solid var(--line); background:#fff; border-radius:6px; font-weight:600; font-size:10px; padding:6px 9px; }.goals-intro { margin:0 0 13px; color:#7d8798; font-size:11px; }.goal-tags { display:flex; flex-wrap:wrap; gap:7px; }.goal-tags span { background:#f4f5f8; border:1px solid #ebecf2; border-radius:6px; color:#58647a; font-size:10px; padding:6px 8px; }.collaboration-callout { margin-top:17px; border-radius:9px; background:#f0f2ff; padding:10px; display:flex; align-items:center; gap:9px; }.callout-icon { height:27px; width:27px; border-radius:8px; background:var(--blue); display:grid; place-items:center; color:white; }.collaboration-callout p { color:#6b7490; font-size:10px; line-height:1.45; margin:0; flex:1; }.collaboration-callout strong { color:#33405b; }.collaboration-callout a { color:var(--blue); font-size:10px; font-weight:700; white-space:nowrap; }.opportunities-panel { padding-bottom:9px; }.opportunity { display:flex; align-items:start; gap:10px; padding:11px 0; border-top:1px solid #eff0f4; }.company-logo { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:8px; color:#fff; font-weight:800; font-size:12px; }.berna { background:#26324c; }.ana { background:#d98d59; }.opportunity div { min-width:0; flex:1; }.opportunity h3 { margin:0 0 3px; font-size:11px; letter-spacing:-.2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.opportunity p { margin:0 0 5px; color:#8790a2; font-size:9px; }.match { display:inline-block; color:#198a61; background:#e9f8f1; padding:3px 5px; border-radius:4px; font-size:8px; font-weight:700; }.save-button { border:0; background:transparent; color:#8390a5; font-size:18px; padding:0; }.toast { position:fixed; z-index:20; left:50%; bottom:25px; transform:translate(-50%,20px); background:#1d2744; color:#fff; padding:11px 16px; border-radius:9px; font-size:12px; opacity:0; pointer-events:none; transition:.25s; box-shadow:0 10px 30px rgba(10,18,40,.2); }.toast.visible { opacity:1; transform:translate(-50%,0); }
@media (max-width:1150px) { .metrics-grid { grid-template-columns:repeat(2,1fr); }.content-grid,.lower-grid { grid-template-columns:1fr; }.activity-panel { max-width:none; }.project-grid { max-width:740px; }.search-box { width:270px; } }
@media (max-width:820px) { .sidebar { transform:translateX(-100%); transition:transform .25s; box-shadow:8px 0 25px rgba(24,32,57,.1); }.sidebar.open { transform:translateX(0); }.main-content { margin-left:0; width:100%; }.topbar { height:64px; padding:0 20px; }.menu-button { width:28px; height:28px; border:0; background:transparent; padding:5px; display:block; }.menu-button span { display:block; height:2px; background:var(--ink); margin:4px 0; border-radius:3px; }.mobile-brand { display:block; font-size:19px; padding:0; }.search-box { display:none; }.top-actions { gap:7px; }.top-actions .icon-button:first-child { display:none; }.create-button { padding:0 10px; }.create-button em { display:none; }.create-button span { margin:0; }.dashboard { padding:30px 20px 45px; }.welcome-row { align-items:start; }.date-chip { display:none; }.profile-progress { align-items:flex-start; flex-direction:column; gap:15px; }.progress-area { width:100%; }.metrics-grid { gap:9px; }.metric-card { min-height:104px; padding:13px; }.metric-icon { display:none; }.project-grid { grid-template-columns:1fr 1fr; }.project-main .project-art,.project-art { height:170px; } }
@media (max-width:540px) { .welcome-row h1 { font-size:25px; }.intro { font-size:12px; }.metrics-grid { grid-template-columns:1fr 1fr; }.metric-card strong { font-size:19px; }.metric-card p { font-size:10px; }.metric-card small { font-size:8px; }.accent-metric { min-height:104px; }.sparkline { right:10px; }.content-grid,.lower-grid { gap:19px; }.project-grid { grid-template-columns:1fr; }.project-main .project-art,.project-art { height:172px; }.collaboration-callout { align-items:flex-start; flex-wrap:wrap; }.collaboration-callout a { margin-left:36px; }.profile-summary { align-items:flex-start; }.profile-summary h2 { margin-top:1px; }.activity-panel,.goals-panel,.opportunities-panel { padding:16px; } }
.agency-avatar { display:inline-grid; place-items:center; flex:0 0 29px; height:29px; border-radius:8px; color:#fff; background:linear-gradient(135deg,#223551,#5c82a2); font-size:9px; font-weight:800; }.listing-banner { min-height:114px; display:flex; justify-content:space-between; overflow:hidden; margin-bottom:20px; padding:19px 26px; border:1px solid #e0e5fb; border-radius:14px; color:#fff; background:linear-gradient(110deg,#1f2b55,#384be1); position:relative; }.listing-banner:after { content:""; height:220px; width:220px; position:absolute; right:20%; top:-155px; border-radius:50%; background:rgba(166,186,255,.18); }.listing-banner-copy { position:relative; z-index:2; max-width:500px; }.listing-banner .eyebrow { color:#b8c3ff; }.listing-banner h2 { margin:0 0 5px; font-size:15px; letter-spacing:-.35px; }.listing-banner p:not(.eyebrow) { max-width:450px; margin:0; color:#d6dcff; font-size:11px; line-height:1.5; }.listing-banner a { display:inline-block; margin-top:9px; color:white; font-size:10px; font-weight:700; }.banner-city { width:265px; position:relative; z-index:1; flex:0 0 265px; margin:-19px -26px -19px 0; background:linear-gradient(160deg,rgba(255,255,255,.12),transparent); overflow:hidden; }.banner-city:before { content:""; position:absolute; left:0; right:0; bottom:19px; border-top:1px solid rgba(255,255,255,.35); transform:skewY(-12deg); }.banner-city span { position:absolute; width:150%; height:60px; bottom:-36px; left:-10%; border-radius:50%; background:rgba(121,147,255,.36); }.building { position:absolute; display:block; bottom:18px; background:rgba(221,230,255,.82); box-shadow:inset 6px 0 rgba(255,255,255,.15); }.b-one { width:38px;height:75px;right:35px }.b-two { width:29px;height:120px;right:72px;background:#aebdff }.b-three { width:52px;height:59px;right:101px;background:#d7dfff }.b-four { width:25px;height:95px;right:137px;background:#93a6f8 }.property-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:14px; }.property-card { overflow:hidden; border:1px solid var(--line); border-radius:13px; background:#fff; transition:transform .2s,box-shadow .2s; }.property-card:hover { transform:translateY(-2px); box-shadow:0 12px 25px rgba(20,33,73,.08); }.property-art { height:158px; overflow:hidden; position:relative; }.property-wide .property-art { height:189px; }.property-tag { position:absolute; z-index:4; top:12px; left:12px; padding:5px 7px; border-radius:6px; color:#31405a; background:rgba(255,255,255,.92); font-size:9px; font-weight:700; }.property-rio { background:linear-gradient(162deg,#a8d1e7 0 55%,#d4ae8f 56% 100%); }.rio-sky { position:absolute; height:38px;width:38px; border-radius:50%; background:#fff2cd; top:26px; right:20%; }.rio-water { position:absolute; z-index:1; bottom:0; left:0; right:0; height:39px; background:linear-gradient(0deg,#5b9bbb,#a9d3e1); clip-path:polygon(0 30%,25% 8%,47% 32%,74% 10%,100% 32%,100% 100%,0 100%); }.rio-tower { display:block; position:absolute; bottom:28px; z-index:2; background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 3px,transparent 3px 10px),repeating-linear-gradient(0deg,rgba(255,255,255,.62) 0 2px,transparent 2px 10px),#46606c; }.tower-a { height:125px;width:58px;left:15%; }.tower-b { height:93px;width:47px;left:33%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.44) 0 3px,transparent 3px 10px),repeating-linear-gradient(0deg,rgba(255,255,255,.55) 0 2px,transparent 2px 10px),#71838a; }.tower-c { height:70px;width:66px;left:54%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.47) 0 3px,transparent 3px 10px),repeating-linear-gradient(0deg,rgba(255,255,255,.5) 0 2px,transparent 2px 10px),#d6dedc; }.property-land { background:linear-gradient(150deg,#beddd2 0 40%,#a8c38e 41% 100%); }.land-grid { position:absolute; inset:0; background:repeating-linear-gradient(62deg,transparent 0 35px,rgba(255,255,255,.34) 36px 38px),repeating-linear-gradient(-35deg,transparent 0 39px,rgba(75,121,72,.22) 40px 42px); }.land-plot { position:absolute; z-index:2; height:90px;width:110px; left:31%;bottom:13%; border:2px solid #fff; background:rgba(57,125,63,.25); transform:skewY(-17deg); }.land-house { position:absolute; z-index:3; height:41px;width:48px;left:46%;bottom:31%;background:#fff4dd;clip-path:polygon(0 35%,50% 0,100% 35%,100% 100%,0 100%); }.property-copy { padding:13px 14px 12px; }.property-copy>div { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }.property-copy p { margin:0 0 5px; color:#8992a4; font-size:9px; }.property-copy h3 { margin:0; color:#253049; font-size:13px; letter-spacing:-.3px; }.property-copy strong { white-space:nowrap; font-size:11px; }.property-copy footer { display:flex; align-items:center; gap:8px; padding-top:11px; margin-top:11px; border-top:1px solid #eff0f3; color:#7d8799; font-size:9px; }.listing-live { margin-left:auto; color:#1b9b68; font-size:9px; font-weight:700; }.buyer { background:#b0826f; }.reply-button { border:1px solid #dbe0fd; border-radius:6px; background:#f4f5ff; color:var(--blue); font-size:9px; font-weight:700; padding:5px 7px; }.market-panel { padding:20px; border:1px solid var(--line); border-radius:13px; background:#fff; }.market-filter { border:0; background:#f4f5f8; color:#667187; border-radius:6px; padding:6px 8px; font-size:9px; font-weight:600; }.market-chart { height:135px; display:flex; margin-top:6px; }.chart-y { display:flex; height:126px; flex-direction:column; justify-content:space-between; padding:5px 8px 0 0; color:#a0a8b5; font-size:8px; }.chart-lines { position:relative; flex:1; height:126px; border-bottom:1px solid #e9ebf2; background:repeating-linear-gradient(to bottom,transparent 0 30px,#f1f2f6 30px 31px); }.chart-lines svg { position:absolute; inset:0; height:100%; width:100%; }.chart-x { display:flex; justify-content:space-between; padding-left:29px; color:#a0a8b5; font-size:8px; }.market-note { margin-top:15px; padding:10px; gap:9px; display:flex; align-items:center; border-radius:9px; background:#eef8f4; }.market-note p { flex:1; margin:0; color:#647387; font-size:10px; line-height:1.42; }.market-note strong { color:#2d4d43; }.market-note a { color:#1d9165; font-size:10px; font-weight:700; white-space:nowrap; }.market-pulse { color:#fff; height:26px;width:26px;display:grid;place-items:center;border-radius:8px;background:#29aa78;font-size:14px; }.zone-icon { display:grid; place-items:center; flex:0 0 30px; width:30px;height:30px;border-radius:8px; font-size:17px; }.zone-one { background:#edf0ff;color:#3a4de8 }.zone-two { background:#fff0e9;color:#e17e58 }.zone-three { background:#e9f8f1;color:#249668 }.land-opportunities .opportunity { padding:10px 0; }.land-opportunities .opportunity h3 { font-size:11px; }
@media (max-width:820px) { .listing-banner { padding:18px; }.banner-city { display:none; }.property-grid { grid-template-columns:1fr 1fr; }.property-wide .property-art,.property-art { height:165px; } }
@media (max-width:540px) { .listing-banner { min-height:132px; }.listing-banner h2 { font-size:14px; }.listing-banner p:not(.eyebrow) { font-size:10px; }.property-grid { grid-template-columns:1fr; }.property-wide .property-art,.property-art { height:170px; }.market-panel { padding:16px; }.market-note { flex-wrap:wrap; }.market-note a { margin-left:35px; }.property-copy h3 { font-size:12px; }.property-copy strong { font-size:10px; } }
.investor-avatar { display:inline-grid; place-items:center; flex:0 0 29px; height:29px; border-radius:50%; color:#fff; background:linear-gradient(135deg,#1d273d,#516b95); font-size:12px; font-weight:800; }.investor-hero { min-height:115px; display:flex; align-items:center; gap:24px; padding:18px 25px; margin-bottom:20px; overflow:hidden; border:1px solid #e1e3f8; border-radius:14px; color:#fff; background:linear-gradient(105deg,#252751,#4a43a8); position:relative; }.investor-hero:after { content:""; position:absolute; width:210px;height:210px;right:4%;top:-118px;border:34px solid rgba(183,177,255,.16);border-radius:50%; }.investor-hero>div:first-child { position:relative; z-index:2; flex:1; }.investor-hero .eyebrow { color:#c6c3ff; }.investor-hero h2 { margin:0 0 5px; font-size:15px; letter-spacing:-.35px; }.investor-hero p:not(.eyebrow) { max-width:570px; margin:0; color:#dbdaff; font-size:11px; line-height:1.45; }.thesis-tags { display:flex; gap:5px; margin-top:9px; }.thesis-tags span { padding:4px 6px; border:1px solid rgba(255,255,255,.18); border-radius:5px; background:rgba(255,255,255,.1); font-size:9px; }.thesis-score { position:relative; z-index:2; flex:0 0 73px; width:73px;height:73px;display:grid;place-items:center;align-content:center;border:5px solid #a6a3ff;border-left-color:rgba(255,255,255,.22);border-radius:50%; }.thesis-score span { font-size:15px;font-weight:800;line-height:1 }.thesis-score small { margin-top:3px;color:#d2d1ff;font-size:7px }.investor-hero>a { position:relative;z-index:2;align-self:flex-end;color:#fff;font-size:10px;font-weight:700;white-space:nowrap }.deal-grid { display:grid;grid-template-columns:1.15fr .85fr;gap:14px }.deal-card { overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;transition:transform .2s,box-shadow .2s }.deal-card:hover { transform:translateY(-2px);box-shadow:0 12px 25px rgba(20,33,73,.08) }.deal-art { position:relative;overflow:hidden;height:160px }.deal-main .deal-art { height:188px }.deal-stage { position:absolute;z-index:4;top:12px;left:12px;padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.92);color:#35415b;font-size:9px;font-weight:700 }.warm-stage { background:#fff0e7;color:#c86c45 }.deal-coast { background:linear-gradient(165deg,#a9d6e8 0 48%,#d2b68d 49% 100%) }.coast-sea { position:absolute;z-index:1;bottom:0;width:100%;height:34px;background:linear-gradient(#62a6bc,#9bd1dd) }.coast-hill { position:absolute;z-index:2;bottom:28px;right:-8%;width:60%;height:52px;background:#bfc989;clip-path:polygon(0 100%,35% 25%,58% 54%,80% 0,100% 38%,100% 100%) }.coast-building { position:absolute;z-index:3;bottom:31px;display:block;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 3px,transparent 3px 9px),repeating-linear-gradient(0deg,rgba(255,255,255,.56) 0 2px,transparent 2px 9px),#506977 }.coast-building.one { left:14%;height:112px;width:48px }.coast-building.two { left:30%;height:84px;width:39px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 3px,transparent 3px 9px),repeating-linear-gradient(0deg,rgba(255,255,255,.56) 0 2px,transparent 2px 9px),#728b92 }.coast-building.three { left:45%;height:65px;width:55px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 3px,transparent 3px 9px),repeating-linear-gradient(0deg,rgba(255,255,255,.56) 0 2px,transparent 2px 9px),#e1e2d4 }.deal-urban { background:#dac29c }.urban-base { position:absolute;bottom:0;width:100%;height:58%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 1px,transparent 1px 23px),#a98068 }.urban-a,.urban-b,.urban-c { position:absolute;bottom:21px;display:block;background:#4f4c4b;box-shadow:inset 0 0 0 4px rgba(255,255,255,.06) }.urban-a { height:112px;width:42%;left:11% }.urban-b { height:76px;width:27%;left:48%;background:#6e645e }.urban-c { height:45px;width:38%;right:-8%;background:#e0d6c5 }.deal-copy { padding:13px 14px 12px }.deal-copy p { margin:0 0 5px;color:#8992a4;font-size:9px }.deal-copy h3 { margin:0 0 10px;font-size:13px;letter-spacing:-.3px }.deal-details { display:flex;justify-content:space-between;align-items:center }.deal-details strong { font-size:11px }.deal-details span { color:#229168;background:#eaf8f1;border-radius:4px;padding:3px 5px;font-size:8px;font-weight:700 }.deal-copy footer { margin-top:10px;padding-top:10px;border-top:1px solid #eff0f3;color:#7c8799;font-size:9px }.stage-dot { display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50% }.blue-dot { background:#3347ed }.orange-dot { background:#ed8a5d }.profile-mini { display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;color:#fff;font-size:8px;font-weight:700 }.arch-mini { background:#9e7765 }.construct-mini { background:#556c8b }.land-mini { background:#7f9f70 }.investment-radar { padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff }.radar-match { display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #e2e6fd;border-radius:11px;background:linear-gradient(115deg,#f8f9ff,#f0f2ff) }.match-number { display:grid;place-items:center;flex:0 0 49px;width:49px;height:49px;border-radius:50%;background:var(--blue);color:#fff;font-size:17px;font-weight:800;box-shadow:0 5px 12px rgba(51,71,237,.2) }.match-number span { font-size:9px }.radar-match>div { flex:1 }.radar-match .eyebrow { margin-bottom:3px;color:var(--blue);font-size:8px }.radar-match h3 { margin:0 0 4px;font-size:12px;letter-spacing:-.25px }.radar-match p:not(.eyebrow) { margin:0;color:#707b90;font-size:9px;line-height:1.4 }.radar-match div div { display:flex;gap:5px;margin-top:7px;flex-wrap:wrap }.radar-match div div span { padding:3px 5px;border-radius:4px;background:#fff;color:#667188;font-size:8px }.radar-match>a { color:var(--blue);font-size:9px;font-weight:700;white-space:nowrap }.radar-row { display:flex;align-items:center;gap:9px;margin-top:13px;padding-top:13px;border-top:1px solid #edf0f4 }.radar-icon { display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;font-weight:800 }.radar-row p { flex:1;margin:0;color:#778195;font-size:9px;line-height:1.38 }.radar-row strong { color:#3b465f }.radar-row a { color:var(--blue);font-size:9px;font-weight:700 }.contest-mark { display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;color:var(--blue);background:#edf0ff;font-size:10px;font-weight:800 }.orange-mark { color:#d56f48;background:#fff0e8 }
@media (max-width:820px) { .investor-hero { padding:18px; }.deal-grid { grid-template-columns:1fr 1fr }.deal-main .deal-art,.deal-art { height:166px }.thesis-score { display:none } }
@media (max-width:540px) { .investor-hero { min-height:160px;align-items:flex-start }.investor-hero:after { right:-68px }.investor-hero>a { position:absolute;bottom:16px;left:18px }.investor-hero p:not(.eyebrow) { padding-right:5px }.thesis-tags { margin-bottom:18px }.deal-grid { grid-template-columns:1fr }.deal-main .deal-art,.deal-art { height:170px }.investment-radar { padding:16px }.radar-match { flex-wrap:wrap }.radar-match>a { margin-left:62px }.radar-match div div { display:none } }
.home-main { background:#f7f8fb; }.home-layout { width:min(1128px,100%); margin:0 auto; padding:36px 28px 64px; display:grid; grid-template-columns:minmax(0,675px) 330px; gap:25px; align-items:start; }.home-sidebar .main-nav { margin-top:28px; }.role-select { margin:26px 8px 0; padding:10px; display:flex; align-items:center; gap:8px; background:#f7f8fc; border:1px solid #eceef5; border-radius:11px; }.role-select strong,.role-select small { display:block; }.role-select strong { font-size:10px; }.role-select small { margin-top:2px; color:#858fa2; font-size:9px; }.role-select button { margin-left:auto; padding:3px; border:0; color:#687389; background:transparent; }.sidebar-note { margin:0 4px 2px; color:#a2a8b4; font-size:9px; line-height:1.45; }.home-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:19px; }.home-heading h1 { margin:0; font-size:25px; letter-spacing:-1px; }.home-heading>div>p:not(.eyebrow) { margin:6px 0 0; color:#7c8698; font-size:12px; }.feed-filter { padding:7px 9px; border:1px solid var(--line); border-radius:7px; color:#6c7689; background:#fff; font-size:10px; font-weight:600; }.feed-filter span { margin-left:5px; color:var(--blue); }.composer-card { padding:14px 16px 11px; border:1px solid var(--line); border-radius:13px; background:#fff; box-shadow:0 4px 12px rgba(26,35,63,.018); }.composer-top { display:flex; align-items:center; gap:10px; }.home-portrait { width:34px; height:34px; flex:0 0 34px; border-radius:11px; font-size:9px; }.composer-input { flex:1; height:38px; padding:0 12px; border:1px solid #edf0f4; border-radius:8px; color:#8992a3; background:#f8f9fb; text-align:left; font-size:11px; }.composer-input:hover { background:#f3f4f8; }.composer-actions { display:flex; align-items:center; gap:8px; margin-top:12px; padding-top:10px; border-top:1px solid #f0f1f4; }.composer-actions>button:not(.post-button) { display:flex; gap:6px; align-items:center; padding:4px 6px; border:0; color:#69758a; background:transparent; font-size:10px; }.composer-actions>button:not(.post-button):hover { color:var(--blue); }.composer-icon { display:grid; place-items:center; width:18px; height:18px; border-radius:5px; background:#eff1ff; color:var(--blue); font-size:11px; }.photo-icon:before { content:""; height:9px; width:11px; border:1.4px solid currentColor; border-radius:2px; background:linear-gradient(135deg,transparent 45%,currentColor 46% 52%,transparent 53%); }.trophy-icon { color:#e28a56; background:#fff1e9; }.people-small { color:#42a67e; background:#e9f8f1; }.post-button { margin-left:auto; border:0; border-radius:6px; padding:7px 10px; color:#fff; background:var(--blue); font-size:10px; font-weight:700; }.feed-pills { display:flex; gap:7px; margin:17px 0; overflow-x:auto; scrollbar-width:none; }.feed-pills button { flex:0 0 auto; padding:6px 10px; border:1px solid var(--line); border-radius:16px; color:#778195; background:#fff; font-size:10px; }.feed-pills button.selected { border-color:#dfe2ff; color:var(--blue); background:#eef0ff; font-weight:700; }.feed-post { overflow:hidden; margin-bottom:14px; border:1px solid var(--line); border-radius:13px; background:#fff; box-shadow:0 4px 12px rgba(26,35,63,.018); }.post-head { display:flex; align-items:center; gap:9px; padding:15px 16px 0; }.post-avatar { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; color:#fff; font-size:9px; font-weight:700; }.studio-avatar { background:linear-gradient(135deg,#343c5e,#7486a9); }.builder-avatar { background:linear-gradient(135deg,#d19365,#6d5549); }.investor-post-avatar { background:linear-gradient(135deg,#192b45,#557199); }.post-head h2 { margin:0 0 3px; color:#2b354d; font-size:11px; letter-spacing:-.2px; }.post-head p { margin:0; color:#8992a3; font-size:9px; }.post-head p span { margin:0 3px; }.post-more { margin-left:auto; align-self:flex-start; border:0; padding:0 3px 6px; color:#8e97a8; background:transparent; font-size:16px; }.verified { display:inline-grid; place-items:center; width:12px; height:12px; border-radius:50%; color:#fff; background:var(--blue); font-size:8px; }.post-copy { padding:12px 16px 13px; }.post-copy p { margin:0 0 8px; color:#4e596e; font-size:12px; line-height:1.53; }.post-copy p:last-child { margin-bottom:0; }.post-copy strong { color:#2e3850; }.post-copy a { color:var(--blue); font-size:11px; font-weight:600; }.post-project-visual { position:relative; height:250px; overflow:hidden; background:linear-gradient(158deg,#b1d8e1 0 46%,#d3ba9b 47% 100%); }.post-project-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 65%,rgba(13,30,43,.13)); }.post-label { position:absolute; z-index:3; top:13px; left:13px; padding:5px 7px; border-radius:6px; color:#314153; background:rgba(255,255,255,.9); font-size:9px; font-weight:700; }.visual-sun { position:absolute; top:37px; right:20%; width:39px; height:39px; border-radius:50%; background:#fff2c9; }.visual-garden { position:absolute; z-index:1; bottom:0; left:0; width:47%; height:88px; background:radial-gradient(ellipse at 15% 50%,#4e875e 0 6%,transparent 7%),radial-gradient(ellipse at 40% 44%,#588d60 0 10%,transparent 11%),radial-gradient(ellipse at 72% 50%,#3f7951 0 8%,transparent 9%),#699d69; }.visual-house { position:absolute; z-index:2; bottom:0; display:block; background:#e5e3dc; }.main-house { right:11%; width:49%; height:170px; clip-path:polygon(0 24%,42% 0,100% 25%,100% 100%,0 100%); }.side-house { right:48%; width:26%; height:125px; background:#485a5d; clip-path:polygon(0 35%,57% 0,100% 20%,100% 100%,0 100%); }.visual-window { position:absolute; z-index:3; background:#607e85; }.window-a { right:21%; bottom:0; width:20%; height:62px; border:5px solid #d3d5d0; }.window-b { right:37%; bottom:60px; width:11%; height:39px; border:3px solid #e6e5df; }.visual-title { position:absolute; z-index:4; bottom:13px; left:15px; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.2); }.visual-title strong,.visual-title small { display:block; }.visual-title strong { font-size:15px; letter-spacing:-.35px; }.visual-title small { margin-top:3px; font-size:9px; opacity:.85; }.post-footer { padding:11px 16px 0; }.post-stats { display:flex; align-items:center; gap:6px; color:#8590a3; font-size:9px; }.post-stats button { margin-left:auto; border:0; color:#8590a3; background:transparent; font-size:9px; }.reaction-stack { display:flex; }.reaction-stack i { display:grid; place-items:center; width:17px; height:17px; margin-left:-3px; border:1px solid #fff; border-radius:50%; color:#fff; background:#eb6278; font-size:8px; font-style:normal; }.reaction-stack i:first-child { margin-left:0; }.reaction-stack i:nth-child(2) { background:#5568f0; }.reaction-stack i:nth-child(3) { background:#f0a64c; }.post-actions { display:flex; margin-top:9px; border-top:1px solid #f0f1f4; }.post-actions button { flex:1; padding:10px 2px; border:0; color:#717c91; background:transparent; font-size:10px; font-weight:600; }.post-actions button:hover,.post-actions .reacted { color:#e55268; }.post-actions span { margin-right:4px; font-size:13px; vertical-align:-1px; }.milestone-card { display:flex; align-items:center; gap:11px; margin:0 16px 2px; padding:11px; border:1px solid #e6e9f7; border-radius:9px; background:#f8f9ff; }.milestone-mark { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:8px; color:#fff; background:#4354e6; font-size:18px; }.milestone-card p { margin:0 0 3px; color:#79849a; font-size:9px; }.milestone-card h3 { margin:0 0 3px; color:#364159; font-size:11px; }.milestone-card div>span { color:#8d96a7; font-size:9px; }.milestone-progress { min-width:49px; margin-left:auto; text-align:right; }.milestone-progress strong { color:#3447e5; font-size:11px; }.milestone-progress i { display:block; height:4px; margin-top:4px; overflow:hidden; border-radius:3px; background:#dfe3fa; }.milestone-progress b { display:block; width:45%; height:100%; background:var(--blue); }.open-call { display:flex; align-items:end; gap:13px; margin:0 16px 2px; padding:15px; border-radius:10px; color:#fff; background:linear-gradient(125deg,#26375d,#3d4fdb); }.open-call>div { flex:1; }.open-call .eyebrow { margin-bottom:4px; color:#b9c4ff; }.open-call h3 { margin:0 0 5px; font-size:14px; letter-spacing:-.35px; }.open-call p:not(.eyebrow) { margin:0; color:#d9dfff; font-size:10px; line-height:1.45; }.open-call div div { display:flex; gap:5px; flex-wrap:wrap; margin-top:9px; }.open-call div div span { padding:3px 5px; border:1px solid rgba(255,255,255,.2); border-radius:4px; color:#ebedff; background:rgba(255,255,255,.1); font-size:8px; }.open-call>button { flex:0 0 auto; padding:7px 9px; border:0; border-radius:6px; color:#3345dc; background:#fff; font-size:9px; font-weight:700; }.right-rail { display:grid; gap:14px; }.rail-card { padding:17px; border:1px solid var(--line); border-radius:13px; background:#fff; }.rail-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:12px; }.rail-heading h2 { margin:0; font-size:14px; letter-spacing:-.4px; }.rail-heading .eyebrow { margin-bottom:5px; }.rail-more { border:0; color:#8a94a8; background:transparent; font-size:15px; }.recommendations ul { list-style:none; padding:0; margin:0; }.recommendations li { display:flex; align-items:center; gap:8px; padding:10px 0; border-top:1px solid #f0f1f5; }.suggest-avatar { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:9px; color:#fff; font-size:8px; font-weight:700; }.suggest-avatar.one { background:#ba846f; }.suggest-avatar.two { background:#818bce; }.suggest-avatar.three { background:#617b73; }.recommendations li div { min-width:0; flex:1; }.recommendations h3 { margin:0 0 2px; color:#374158; font-size:10px; }.recommendations p,.recommendations li div>span { display:block; overflow:hidden; margin:0; color:#8791a4; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.recommendations li div>span { margin-top:3px; color:#6d7990; }.recommendations li>button { padding:5px 7px; border:1px solid #dce0fa; border-radius:6px; color:var(--blue); background:#f4f5ff; font-size:9px; font-weight:700; }.recommendations>a { display:block; margin-top:3px; padding-top:12px; border-top:1px solid #f0f1f5; color:var(--blue); font-size:10px; font-weight:700; }.trend-card>a { display:flex; align-items:center; gap:8px; padding:10px 0; border-top:1px solid #f0f1f5; }.trend-num { color:#a2aaba; font-size:10px; font-weight:700; }.trend-card a div { flex:1; }.trend-card a strong,.trend-card a small { display:block; }.trend-card a strong { color:#485368; font-size:10px; }.trend-card a small { margin-top:3px; color:#9199a9; font-size:8px; }.trend-card a>span:last-child { color:var(--blue); font-size:13px; }.quick-opportunities { background:linear-gradient(145deg,#fff,#f4f6ff); }.quick-opportunities .rail-heading>a { color:var(--blue); font-size:9px; font-weight:700; }.quick-opportunities article { display:flex; align-items:center; gap:9px; padding:10px 0; border-top:1px solid #e9ebf4; }.quick-icon { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:8px; color:#34a074; background:#e9f8f1; font-size:14px; }.quick-icon.violet { color:#7656ce; background:#f0edff; }.quick-opportunities h3 { margin:0 0 3px; color:#3e4960; font-size:10px; }.quick-opportunities p { margin:0 0 3px; color:#8a93a4; font-size:8px; }.quick-opportunities article div>span { color:#218d65; font-size:8px; font-weight:700; }
@media (max-width:1060px) { .home-layout { grid-template-columns:minmax(0,1fr) 290px; }.home-sidebar { width:234px; }.home-main { margin-left:234px; width:calc(100% - 234px); } }
@media (max-width:900px) { .home-layout { grid-template-columns:1fr; max-width:700px; }.right-rail { grid-template-columns:1fr 1fr; }.quick-opportunities { grid-column:1 / -1; }.home-main { margin-left:0; width:100%; }.home-sidebar { width:256px; } }
@media (max-width:540px) { .home-layout { padding:27px 16px 40px; }.home-heading h1 { font-size:23px; }.home-heading>div>p:not(.eyebrow) { max-width:250px; font-size:11px; }.feed-filter { align-self:flex-start; margin-top:10px; font-size:9px; }.composer-card { padding:12px; }.composer-actions>button:not(.post-button) { font-size:0; }.composer-actions>button:not(.post-button) .composer-icon { width:23px; height:23px; }.post-project-visual { height:216px; }.open-call { align-items:flex-start; flex-wrap:wrap; padding:13px; }.open-call>button { margin-left:0; }.right-rail { grid-template-columns:1fr; }.quick-opportunities { grid-column:auto; }.milestone-card { margin:0 12px 2px; }.post-head,.post-copy,.post-footer { padding-left:12px; padding-right:12px; }.post-stats button { display:none; } }
.network-strip { display:flex; align-items:center; gap:16px; margin:0 0 15px; padding:13px 15px; border:1px solid #e2e5fa; border-radius:12px; background:linear-gradient(108deg,#fff,#f3f5ff); }.network-copy { min-width:126px; }.network-copy .eyebrow { margin-bottom:4px; color:var(--blue); font-size:8px; }.network-copy h2 { margin:0 0 3px; color:#35415a; font-size:12px; letter-spacing:-.25px; }.network-copy p:not(.eyebrow) { margin:0; color:#8992a4; font-size:8px; line-height:1.35; }.network-avatars { display:flex; align-items:flex-start; flex:1; gap:9px; }.network-avatars button { display:grid; justify-items:center; gap:4px; padding:0; border:0; color:#707b90; background:transparent; font-size:8px; }.network-avatar,.network-more span { display:grid; place-items:center; width:29px; height:29px; border:2px solid #fff; border-radius:9px; color:#fff; box-shadow:0 2px 5px rgba(25,37,77,.08); font-size:8px; font-weight:700; }.network-avatar.arce { background:#b88570; }.network-avatar.anden { background:#516283; }.network-avatar.nucleo { background:#a97558; }.network-avatar.altura { background:#365473; }.network-more span { color:#5263dc; background:#e9ecff; }.network-all { align-self:center; padding:6px 7px; border:0; color:var(--blue); background:transparent; font-size:9px; font-weight:700; white-space:nowrap; }.network-all:hover { text-decoration:underline; }
@media (max-width:680px) { .network-strip { gap:11px; flex-wrap:wrap; }.network-copy { min-width:100%; }.network-copy p:not(.eyebrow) { display:none; }.network-avatars { flex:none; width:calc(100% - 100px); }.network-all { margin-left:auto; }.network-avatars button:nth-child(4) { display:none; } }
.profile-main { background:var(--canvas); }.profile-page { max-width:1120px; margin:0 auto; padding:32px 32px 64px; }.profile-hero { overflow:hidden; border:1px solid var(--line); border-radius:15px; background:#fff; }.profile-cover { height:172px; position:relative; overflow:hidden; background:linear-gradient(120deg,#1e2e55,#4555df 64%,#8394ef); }.cover-grid { position:absolute; inset:0; opacity:.23; background:linear-gradient(30deg,transparent 45%,#fff 46% 47%,transparent 48%),linear-gradient(-30deg,transparent 45%,#fff 46% 47%,transparent 48%); background-size:50px 50px; }.cover-shape { position:absolute; display:block; border:1px solid rgba(255,255,255,.22); transform:rotate(45deg); }.cover-one { width:180px;height:180px;right:14%;top:-106px;background:rgba(255,255,255,.11); }.cover-two { width:115px;height:115px;right:4%;top:32px;background:rgba(179,192,255,.23); }.cover-three { width:230px;height:230px;left:40%;bottom:-177px;background:rgba(15,26,89,.25); }.profile-hero-content { position:relative; padding:0 25px 22px; }.profile-photo { position:absolute; top:-47px; width:94px; height:94px; display:grid; place-items:center; border:4px solid #fff; border-radius:18px; color:#fff; background:linear-gradient(135deg,#e2b49d,#9b695a); box-shadow:0 7px 18px rgba(26,35,63,.16); font-size:21px; font-weight:800; }.profile-photo .online-dot { right:-2px;bottom:-1px;width:14px;height:14px; }.profile-title { padding:63px 0 0 112px; display:flex; align-items:end; justify-content:space-between; gap:20px; }.profile-title h1 { margin:0; color:#202940; font-size:27px; letter-spacing:-1px; }.profile-title p:not(.eyebrow) { margin:6px 0 0; color:#6e788d; font-size:12px; }.profile-verified { display:inline-grid; place-items:center; width:17px; height:17px; border-radius:50%; color:#fff; background:var(--blue); font-size:10px; vertical-align:3px; }.profile-buttons { display:flex; gap:8px; }.profile-buttons button { height:32px; border-radius:7px; padding:0 10px; font-size:10px; font-weight:700; }.share-profile { border:1px solid var(--line); color:#6f7a8f; background:#fff; }.primary-profile { border:0; color:#fff; background:var(--blue); }.profile-bio { max-width:680px; margin:19px 0 12px; color:#4f5a70; font-size:12px; line-height:1.55; }.profile-meta { display:flex; flex-wrap:wrap; gap:10px; color:#778196; font-size:10px; }.profile-meta span:first-child { color:#1e9768; font-weight:700; }.profile-tabs { display:flex; gap:22px; margin:16px 0 22px; padding:0 5px; border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:none; }.profile-tabs a { flex:0 0 auto; padding:11px 3px 10px; border-bottom:2px solid transparent; color:#7b8597; font-size:11px; font-weight:600; }.profile-tabs a.active,.profile-tabs a:hover { border-color:var(--blue); color:var(--blue); }.profile-grid { display:grid; grid-template-columns:minmax(0,1.5fr) 310px; gap:22px; align-items:start; }.profile-content { display:grid; gap:17px; }.profile-section,.profile-rail-card { padding:20px; border:1px solid var(--line); border-radius:13px; background:#fff; }.about-copy { margin:0; color:#586378; font-size:12px; line-height:1.65; }.facts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:17px; }.facts-grid article { display:flex; align-items:center; gap:8px; padding:10px; border-radius:9px; background:#f8f9fc; }.fact-icon { display:grid; place-items:center; flex:0 0 27px; width:27px; height:27px; border-radius:8px; color:var(--blue); background:#eef0ff; font-size:13px; }.violet-fact { color:#7755d3; background:#f1edff; }.peach-fact { color:#de7d59; background:#fff0e9; }.facts-grid strong,.facts-grid small { display:block; }.facts-grid strong { color:#374157; font-size:10px; }.facts-grid small { margin-top:2px; color:#8791a3; font-size:8px; }.featured-projects { display:grid; grid-template-columns:1.15fr .85fr; gap:11px; }.profile-project { overflow:hidden; border:1px solid #ebecf2; border-radius:10px; background:#fff; }.profile-project.large-project { grid-row:span 2; }.profile-project-art { position:relative; height:105px; overflow:hidden; background:#d8e5e9; }.large-project .profile-project-art { height:231px; }.profile-project-art>span { position:absolute; z-index:4; top:9px; left:9px; padding:4px 6px; border-radius:5px; color:#596478; background:rgba(255,255,255,.9); font-size:8px; font-weight:700; }.profile-art-one { background:linear-gradient(155deg,#b5d4e0 0 48%,#d3bb9d 49%); }.proj-sun { position:absolute; top:27px; right:18%; width:34px; height:34px; border-radius:50%; background:#fff1c6; }.project-volume { position:absolute; bottom:0; display:block; }.pvol-one { left:14%; width:43%; height:126px; background:#43565b; clip-path:polygon(0 35%,45% 0,100% 20%,100% 100%,0 100%); }.pvol-two { right:9%; width:42%; height:150px; background:#e4e3dc; clip-path:polygon(0 25%,45% 0,100% 21%,100% 100%,0 100%); }.pvol-three { z-index:2; right:18%; bottom:0; width:18%; height:52px; background:#5e7880; border:4px solid #d4d9d5; }.profile-art-two { background:#37393b; }.brick-volume { position:absolute; bottom:0; display:block; background:#c5a58d; box-shadow:inset -5px -5px 0 rgba(0,0,0,.1); }.brick-a { left:17%; width:33%; height:85px; }.brick-b { left:45%; width:26%; height:59px; background:#927c70; }.brick-c { right:8%; width:25%; height:36px; background:#e3d7c9; }.profile-art-three { background:#ded7cc; }.interior-wall { position:absolute; bottom:0; left:0; width:100%; height:46%; background:#b69e85; }.interior-table { position:absolute; bottom:17px; left:33%; width:45%; height:16px; background:#5a4c45; }.interior-light { position:absolute; top:17px; left:49%; width:17px; height:38px; border:4px solid #e9d294; border-top:0; }.profile-project>div:last-child { padding:10px 11px; }.profile-project p { margin:0 0 3px; color:#8a93a4; font-size:8px; }.profile-project h3 { margin:0 0 4px; color:#343e54; font-size:11px; }.profile-project div>span { color:#7c8799; font-size:8px; }.timeline { display:grid; gap:17px; }.timeline article { display:flex; gap:11px; }.company-badge { display:grid; place-items:center; flex:0 0 31px; width:31px; height:31px; border-radius:8px; color:#fff; font-size:11px; font-weight:800; }.and { background:#485a8a; }.norte { background:#b47e67; }.timeline article>div { flex:1; padding-bottom:16px; border-bottom:1px solid #eef0f4; }.timeline article:last-child>div { padding-bottom:0; border-bottom:0; }.timeline header { display:flex; justify-content:space-between; gap:10px; }.timeline h3 { margin:0 0 3px; color:#384258; font-size:11px; }.timeline header p,.timeline time { margin:0; color:#858ea0; font-size:9px; }.timeline time { white-space:nowrap; }.timeline article>div>p { margin:9px 0; color:#687387; font-size:10px; line-height:1.5; }.timeline-tags { display:flex; flex-wrap:wrap; gap:5px; }.timeline-tags span { padding:4px 6px; border-radius:4px; color:#637088; background:#f4f5f8; font-size:8px; }.education-list { display:grid; gap:11px; }.education-list article { display:flex; align-items:center; gap:10px; }.education-icon { display:grid; place-items:center; flex:0 0 31px; width:31px; height:31px; border-radius:8px; color:#5264e8; background:#eef0ff; font-size:14px; }.orange-education { color:#dc8059; background:#fff0e8; }.green-education { color:#299a70; background:#e9f8f1; }.education-list article>div { flex:1; }.education-list h3 { margin:0 0 3px; color:#3b455a; font-size:11px; }.education-list p,.education-list small { margin:0; color:#8791a3; font-size:9px; }.education-list small { display:block; margin-top:3px; }.degree-badge { padding:4px 6px; border-radius:4px; color:#238d65; background:#e9f8f1; font-size:8px; font-style:normal; font-weight:700; }.profile-rail { display:grid; gap:14px; }.skills-cloud { display:flex; flex-wrap:wrap; gap:6px; }.skills-cloud span { padding:6px 8px; border:1px solid #e8eaf2; border-radius:6px; color:#637087; background:#f8f9fb; font-size:9px; }.language-row { display:grid; grid-template-columns:1fr auto; column-gap:6px; padding:9px 0; border-top:1px solid #f0f1f4; color:#596478; font-size:10px; }.language-row strong { color:#7c879a; font-size:9px; }.language-row i { grid-column:1 / -1; display:block; height:4px; margin-top:6px; overflow:hidden; border-radius:4px; background:#eceef4; }.language-row b { display:block; height:100%; border-radius:inherit; background:var(--blue); }.collaboration-card { border-color:#e0e4fe; background:linear-gradient(145deg,#fff,#f4f5ff); }.collaboration-card>p { margin:0 0 11px; color:#758095; font-size:10px; line-height:1.5; }.collab-preferences { display:flex; flex-wrap:wrap; gap:6px; }.collab-preferences span { padding:5px 6px; border:1px solid #dfe3fb; border-radius:5px; color:#5260ae; background:#fff; font-size:8px; }.collaboration-card>a { display:block; margin-top:13px; color:var(--blue); font-size:10px; font-weight:700; }.profile-completion { background:linear-gradient(145deg,#f2f3ff,#fafaff); }.profile-completion strong { display:block; margin:6px 0 4px; color:#384258; font-size:11px; }.profile-completion p { margin:0; color:#798399; font-size:9px; line-height:1.45; }.completion-star { color:var(--blue); }.profile-completion .progress-track { margin:12px 0 8px; }.profile-completion>a { color:var(--blue); font-size:9px; font-weight:700; }
@media (max-width:950px) { .profile-grid { grid-template-columns:1fr; }.profile-rail { grid-template-columns:1fr 1fr; }.collaboration-card,.profile-completion { grid-column:1 / -1; }.profile-main { margin-left:0; width:100%; } }
@media (max-width:820px) { .profile-page { padding:24px 20px 45px; }.profile-cover { height:130px; }.profile-title { padding:55px 0 0 91px; }.profile-photo { top:-39px; width:78px; height:78px; font-size:16px; }.profile-title h1 { font-size:23px; }.profile-buttons { display:none; }.profile-bio { margin-top:16px; }.profile-meta { font-size:9px; }.profile-rail { grid-template-columns:1fr 1fr; } }
@media (max-width:540px) { .profile-page { padding:19px 16px 40px; }.profile-cover { height:103px; }.profile-hero-content { padding:0 15px 17px; }.profile-photo { top:-33px; left:15px; width:67px; height:67px; border-radius:15px; font-size:14px; }.profile-title { padding:46px 0 0 79px; }.profile-title h1 { font-size:21px; }.profile-title p:not(.eyebrow) { font-size:10px; }.profile-bio { font-size:11px; }.profile-tabs { gap:17px; margin:13px 0 15px; }.profile-tabs a { font-size:10px; }.profile-grid { gap:15px; }.profile-section,.profile-rail-card { padding:15px; }.facts-grid { grid-template-columns:1fr; }.featured-projects { grid-template-columns:1fr 1fr; }.profile-project.large-project { grid-column:1 / -1; grid-row:auto; }.large-project .profile-project-art { height:187px; }.profile-project-art { height:100px; }.profile-rail { grid-template-columns:1fr; }.collaboration-card,.profile-completion { grid-column:auto; }.timeline header { display:block; }.timeline time { display:block; margin-top:4px; }.education-list article { align-items:flex-start; }.degree-badge { margin-top:3px; } }
.projects-main { background:var(--canvas); }.projects-page { max-width:980px;margin:0 auto;padding:38px 32px 60px }.projects-heading h1 { margin:0;font-size:28px;letter-spacing:-1px }.projects-heading p:not(.eyebrow) { margin:7px 0 20px;color:#788297;font-size:12px }.projects-summary { display:flex;align-items:center;gap:20px;padding:15px 18px;margin-bottom:20px;border:1px solid #e2e5f8;border-radius:12px;background:linear-gradient(105deg,#fff,#f4f6ff) }.projects-summary article { display:grid;gap:3px;min-width:76px }.projects-summary strong { color:#263252;font-size:19px }.projects-summary article span { color:#808a9d;font-size:9px }.projects-summary p { margin-left:auto;color:#69758b;font-size:10px;line-height:1.45 }.projects-summary b { color:var(--blue) }.projects-toolbar { display:flex;justify-content:space-between;align-items:center;margin-bottom:12px }.project-tabs { display:flex;gap:6px }.project-tabs button,.sort-button { padding:7px 9px;border:1px solid var(--line);border-radius:7px;color:#778196;background:#fff;font-size:10px }.project-tabs .selected { color:var(--blue);border-color:#dce1ff;background:#f0f2ff;font-weight:700 }.project-tabs b { font-size:8px }.manage-projects { display:grid;gap:11px }.manage-card { display:flex;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff }.manage-art { position:relative;flex:0 0 180px;height:142px;overflow:hidden;background:#c7dfdf }.manage-status { position:absolute;z-index:4;top:10px;left:10px;padding:4px 6px;border-radius:5px;color:#238c64;background:#e8f7f0;font-size:8px;font-weight:700 }.draft-status { color:#83714a;background:#fff3d9 }.manage-house { background:linear-gradient(155deg,#b5d9e4 0 48%,#cfb08c 49%) }.manage-house b { position:absolute;bottom:0;display:block;background:#4a5e61 }.manage-house b:nth-of-type(1){left:19%;width:43%;height:80px;clip-path:polygon(0 35%,48% 0,100% 22%,100% 100%,0 100%)}.manage-house b:nth-of-type(2){right:11%;width:41%;height:100px;background:#e5e1d9;clip-path:polygon(0 25%,45% 0,100% 21%,100% 100%,0 100%)}.manage-sun{position:absolute;top:28px;right:19%;width:27px;height:27px;border-radius:50%;background:#fff1c5}.manage-blocks{background:#303235}.manage-blocks b{position:absolute;bottom:0;background:#c2a18b}.manage-blocks b:nth-of-type(1){left:16%;width:38%;height:92px}.manage-blocks b:nth-of-type(2){left:50%;width:26%;height:59px;background:#91796d}.manage-blocks b:nth-of-type(3){right:5%;width:21%;height:35px;background:#e1d5c7}.manage-interior{background:#ded6ca}.manage-interior b:first-of-type{position:absolute;bottom:0;width:100%;height:50%;background:#b59a80}.manage-patio{background:#b9d6ce}.manage-patio b{position:absolute;bottom:0;left:30%;width:48%;height:76px;background:#eae6dc;clip-path:polygon(0 28%,50% 0,100% 28%,100% 100%,0 100%)}.manage-info { display:flex;flex:1;flex-direction:column;padding:16px }.manage-info p { margin:0 0 5px;color:#8992a4;font-size:9px }.manage-info h2 { margin:0 0 5px;color:#354057;font-size:14px }.manage-info>span { color:#8b94a4;font-size:9px }.manage-info footer { display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:12px }.manage-info footer button { padding:6px 8px;border:1px solid var(--line);border-radius:6px;color:#687489;background:#fff;font-size:9px;font-weight:700 }.manage-info footer .feature-toggle { color:#8a7190;background:#fbf8ff;border-color:#e8dff4 }.manage-info footer .feature-toggle.active { color:#4b47d7;background:#eef0ff;border-color:#dce0ff }.manage-info footer .dots-button { margin-left:auto;font-size:14px;padding:2px 7px }.add-project-card { display:grid;justify-items:center;gap:5px;padding:19px;border:1px dashed #cbd1e9;border-radius:12px;color:#6070d1;background:#fbfcff }.add-project-card span { font-size:21px }.add-project-card strong { font-size:11px }.add-project-card small { color:#858fa2;font-size:9px }.mobile-new{display:none}@media(max-width:600px){.projects-page{padding:26px 16px 40px}.projects-heading h1{font-size:24px}.projects-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.projects-summary p{grid-column:1/-1;margin:4px 0 0}.projects-toolbar{gap:8px}.project-tabs{overflow:auto}.manage-art{flex-basis:112px;height:133px}.manage-info{padding:12px}.manage-info h2{font-size:12px}.manage-info footer{gap:4px}.manage-info footer button{padding:5px;font-size:8px}.manage-info footer .dots-button{display:none}}