:root{--header-h: 120px;--sticky-gap: 6px;--safe-top: env(safe-area-inset-top, 0px);--bg: #ecf0f3;--card: #f5f7fb;--text: #1f2937;--muted: #6b7280;--primary: #6c8cff;--primary-strong: #4f6ef2;--success: #3fb57f;--danger: #f05252;--shadow-dark: #c8d0e7;--shadow-light: #ffffff;--ring: rgba(108, 140, 255, .45);--radius: 14px}:root[data-theme=light]{--bg: #ecf0f3;--card: #f5f7fb;--text: #1f2937;--muted: #6b7280;--primary: #6c8cff;--primary-strong: #4f6ef2;--success: #3fb57f;--danger: #f05252;--shadow-dark: #c8d0e7;--shadow-light: #ffffff;--ring: rgba(108, 140, 255, .45);--radius: 14px}:root[data-theme=dark]{--bg: #0f141b;--card: #131a24;--text: #e5e7eb;--muted: #9aa7b8;--primary: #7aa2ff;--primary-strong: #90b0ff;--success: #49c68a;--danger: #ff6b6b;--shadow-dark: rgba(0, 0, 0, .55);--shadow-light: rgba(255, 255, 255, .08);--ring: rgba(122, 162, 255, .35);--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}a,a:visited{color:inherit;text-decoration:none}.container{max-width:1280px;margin:24px auto;padding:0 16px}.header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,color-mix(in srgb,var(--bg),transparent 8%),color-mix(in srgb,var(--bg),transparent 18%));padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700}.logo img{height:28px;width:auto;filter:drop-shadow(0 1px 0 rgba(0,0,0,.04))}.search{flex:1;display:flex}.search input{flex:1;border:none;outline:none;border-radius:999px;padding:12px 16px;color:var(--text);background:var(--bg);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.search input::placeholder{color:var(--muted)}:root[data-theme=light] .search input{background:color-mix(in srgb,var(--bg),white 20%);box-shadow:inset 1px 1px 2px color-mix(in srgb,var(--shadow-dark),transparent 70%),inset -1px -1px 2px color-mix(in srgb,var(--shadow-light),transparent 30%),0 0 0 1px #ffffff1a}.card{background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:16px 16px 32px var(--shadow-dark),-16px -16px 32px var(--shadow-light)}.btn{border:none;background:var(--card);color:var(--text);padding:8px 14px;border-radius:12px;cursor:pointer;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transition:transform .05s ease,box-shadow .15s ease;display:flex;align-items:center;gap:4px}.btn:hover{transform:translateY(-1px);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.btn:active{box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light);transform:translateY(0)}.btn.primary{color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-strong));box-shadow:6px 6px 12px color-mix(in srgb,var(--primary),black 30%),-6px -6px 12px color-mix(in srgb,var(--primary),white 18%)}.btn.block{width:100%}.btn.small{padding:6px 10px;font-size:12px;border-radius:10px}.btn.small.danger{background:color-mix(in srgb,#ff4d4f,white 20%);color:#7a0b0b}.chip-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chip{border:none;background:var(--card);color:var(--text);padding:6px 10px;border-radius:999px;cursor:pointer;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);display:flex;align-items:center;gap:4px;font-size:12px;transition:box-shadow .2s ease,transform .1s ease}.chip:hover{box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light);transform:translateY(-1px)}.chip-row .chip.chip-on{background:color-mix(in srgb,var(--primary),white 80%);color:color-mix(in srgb,var(--primary),black 20%);border-color:color-mix(in srgb,var(--primary),transparent 60%)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;color:var(--muted);background:var(--card);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);font-size:12px;transition:box-shadow .2s ease}.badge:hover{box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.muted{color:var(--muted)}.avatar{width:36px;height:36px;border-radius:999px;object-fit:cover;aspect-ratio:1/1;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);background:var(--card)}.avatar.lg{width:64px;height:64px}.avatar-xl{width:120px;height:120px}.avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:var(--card);color:var(--muted);font-weight:700;font-size:12px;box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.avatar-wrap .avatar{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text);z-index:1}.agency-inline-logo{width:18px;height:18px;border-radius:6px;object-fit:contain;background:#fff;box-shadow:0 2px 8px #0000001f;flex:0 0 auto}.hp-agency-logo{width:56px;height:56px;border-radius:12px;object-fit:contain;background:#fff;box-shadow:0 8px 24px #0000001f;display:block}.logo-box{width:240px;height:120px;border-radius:16px;background:var(--card);display:flex;align-items:center;justify-content:center;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.logo-box img{max-width:90%;max-height:90%;object-fit:contain}.listing-img{width:100%;max-height:280px;object-fit:cover;border-radius:calc(var(--radius) - 4px);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);margin-top:8px}.layout-3col{display:grid;grid-template-columns:260px 1fr 340px;gap:18px;align-items:start}.feed-col{overflow:visible;position:relative}.feed-col>.card{margin-bottom:14px}.feed-page>.card:first-child{position:static!important;top:auto!important}@media (max-width: 1200px){.layout-3col{grid-template-columns:220px 1fr 320px}}@media (max-width: 980px){.layout-3col{grid-template-columns:220px 1fr}.rail{display:none}}@media (max-width: 760px){.layout-3col{grid-template-columns:1fr;max-width:100vw;overflow-x:hidden}.sidenav{display:none}.feed-col{padding:0 10px;width:100%;box-sizing:border-box;overflow:visible}.feed-col .card{border-radius:var(--radius);margin:0 0 14px;padding:10px;box-shadow:16px 16px 32px var(--shadow-dark),-16px -16px 32px var(--shadow-light)}}.sidenav .logo-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sidenav .logo-row img{height:24px}.nav{display:grid;gap:10px;margin-bottom:12px}.nav-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card);box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.nav-btn:hover{filter:brightness(1.03)}.agent-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--text),transparent 90%)}.agent-row:last-child{border-bottom:none}.rail .trend-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--text),transparent 90%)}.trend-up{color:var(--success);font-weight:600}.trend-down{color:var(--danger);font-weight:600}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.stat{background:var(--card);border-radius:12px;padding:10px;box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light);text-align:center}.stat-num{font-size:20px;font-weight:700}.betterbond-card{position:relative;overflow:hidden;isolation:isolate;padding:18px;border:1px solid color-mix(in srgb,var(--text),transparent 92%);background:radial-gradient(circle at top right,rgba(52,120,246,.16),transparent 34%),radial-gradient(circle at bottom left,rgba(239,68,68,.12),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--card),white 8%),var(--card))}:root[data-theme=dark] .betterbond-card{background:radial-gradient(circle at top right,rgba(59,130,246,.22),transparent 34%),radial-gradient(circle at bottom left,rgba(248,113,113,.16),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--card),white 4%),var(--card))}.betterbond-card:after{content:"";position:absolute;inset:-30% auto auto -20%;width:70%;height:180px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(18deg);animation:betterbondShine 9s linear infinite;pointer-events:none;z-index:-1}.betterbond-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.9;pointer-events:none}.betterbond-orb-a{top:-40px;right:-24px;width:132px;height:132px;background:radial-gradient(circle,rgba(37,99,235,.22) 0%,rgba(37,99,235,.04) 66%,transparent 74%);animation:betterbondFloat 6.2s ease-in-out infinite}.betterbond-orb-b{bottom:-54px;left:-34px;width:144px;height:144px;background:radial-gradient(circle,rgba(239,68,68,.18) 0%,rgba(239,68,68,.04) 66%,transparent 74%);animation:betterbondFloat 7.4s ease-in-out infinite reverse}.betterbond-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.betterbond-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#0d4aa5,#0a2f73);box-shadow:10px 10px 20px var(--shadow-dark),-8px -8px 18px var(--shadow-light)}.betterbond-badge.soft{color:color-mix(in srgb,var(--text),black 8%);background:color-mix(in srgb,var(--card),white 12%)}:root[data-theme=dark] .betterbond-badge.soft{color:#e5e7eb;background:color-mix(in srgb,var(--card),white 5%)}.betterbond-logo-shell{position:relative;border-radius:22px;padding:18px 16px;margin-bottom:14px;background:color-mix(in srgb,var(--card),white 10%);box-shadow:inset 10px 10px 22px var(--shadow-dark),inset -10px -10px 22px var(--shadow-light),10px 12px 26px color-mix(in srgb,var(--shadow-dark),transparent 24%)}.betterbond-logo-shell:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.5);pointer-events:none}.betterbond-logo{width:100%;max-width:240px;height:auto;display:block;margin:0 auto;object-fit:contain}.betterbond-title{margin:0;font-size:25px;line-height:1.08;font-weight:900;letter-spacing:-.02em}.betterbond-copy{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.betterbond-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.betterbond-points span{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;color:color-mix(in srgb,var(--text),black 4%);background:color-mix(in srgb,var(--card),white 14%);box-shadow:inset 5px 5px 12px var(--shadow-dark),inset -5px -5px 12px var(--shadow-light)}:root[data-theme=dark] .betterbond-points span{color:#e5e7eb;background:color-mix(in srgb,var(--card),white 4%)}.betterbond-actions{display:grid;gap:12px;margin-top:16px}.betterbond-cta{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px;border-radius:18px;color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.betterbond-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-120%);transition:transform .55s ease;pointer-events:none}.betterbond-cta:hover{transform:translateY(-2px)}.betterbond-cta:hover:before{transform:translate(120%)}.betterbond-cta.primary{color:#fff;background:linear-gradient(135deg,#0d4aa5,#0b3d91 56%,#0a2f73);border:1px solid rgba(255,255,255,.16);box-shadow:12px 14px 28px #0d4aa547,-8px -8px 20px #ffffff38}.betterbond-cta.secondary{background:color-mix(in srgb,var(--card),white 10%);border:1px solid color-mix(in srgb,#0d4aa5,transparent 82%);box-shadow:10px 12px 26px var(--shadow-dark),-8px -8px 20px var(--shadow-light)}:root[data-theme=dark] .betterbond-cta.secondary{background:color-mix(in srgb,var(--card),white 3%)}.betterbond-cta-copywrap{min-width:0}.betterbond-cta-title{font-size:16px;font-weight:900;line-height:1.2}.betterbond-cta-copy{margin-top:4px;font-size:12px;line-height:1.5;opacity:.9}.betterbond-cta-icon{width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;flex:0 0 auto}.betterbond-cta.primary .betterbond-cta-icon{color:#0a2f73;background:#ffffffeb;box-shadow:inset 0 1px #ffffffe6,0 8px 16px #04132e33}.betterbond-cta.secondary .betterbond-cta-icon{color:#0d4aa5;background:#0d4aa514;box-shadow:inset 4px 4px 10px var(--shadow-dark),inset -4px -4px 10px var(--shadow-light)}.betterbond-footnote{margin-top:12px;font-size:12px;color:var(--muted)}@keyframes betterbondFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes betterbondShine{0%{transform:translate(-120%) rotate(18deg)}to{transform:translate(240%) rotate(18deg)}}.rail-inline .betterbond-title,.rail .betterbond-title{text-wrap:balance}@media (max-width: 1200px){.betterbond-title{font-size:22px}}@media (max-width: 760px){.betterbond-card{padding:16px}.betterbond-title{font-size:21px}.betterbond-cta{padding:14px}}.composer{position:sticky;top:calc(var(--safe-top) + var(--header-h) + var(--sticky-gap));z-index:50}.composer h3{margin-top:0}.row{display:flex;gap:10px;align-items:center}.row-between{display:flex;gap:10px;align-items:center;justify-content:space-between}.col{display:grid;gap:10px}.input,textarea,select{width:100%;border:none;outline:none;color:var(--text);background:var(--bg);border-radius:12px;padding:12px;box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}textarea{min-height:90px;resize:vertical}.seg{display:inline-flex;gap:8px;padding:6px;background:var(--card);border-radius:999px;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.seg button{border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:999px;padding:8px 12px}.seg .on{background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:4px 4px 8px color-mix(in srgb,var(--primary),black 30%),-4px -4px 8px color-mix(in srgb,var(--primary),white 18%)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.author{display:flex;align-items:center;gap:10px}.author-meta{display:grid}.author-meta .name{font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:#fff;font-size:12px}.pill.sale{background:linear-gradient(180deg,#2cc08a,#199e6f)}.pill.rent{background:linear-gradient(180deg,#4aa8ff,#2d7de0)}.post-text{white-space:pre-wrap;line-height:1.5;margin-top:10px}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin-top:8px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;border-top:1px solid color-mix(in srgb,var(--text),transparent 92%);padding-top:12px}.inline{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--card);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.comment-box{margin-top:10px;display:grid;gap:8px}.comment{padding:10px;border-radius:12px;background:var(--card);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.mobile-panels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;opacity:0;transition:opacity .2s ease}.panel{position:absolute;top:0;bottom:0;width:86%;max-width:380px;background:var(--bg);box-shadow:0 18px 50px #00000038;transform:translate(-105%);transition:transform .24s ease;pointer-events:auto;overflow:auto;padding:16px}.panel.right{right:0;left:auto;transform:translate(105%)}.mobile-panels.open{pointer-events:auto}.mobile-panels.open .scrim{opacity:1}.mobile-panels.open .panel.left,.mobile-panels.open .panel.right{transform:translate(0)}.small{font-size:12px}.hidden-mobile{display:block}.only-mobile{display:none}@media (max-width: 980px){.hidden-mobile{display:none}.only-mobile{display:inline-flex}.container{padding:0 12px}}.util-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.feed-shell{width:100%;max-width:1440px;margin:0 auto;padding:12px 16px 40px;overflow-x:hidden}.feed-page{width:100%;display:flex;flex-direction:column;gap:16px}.feed-grid{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.feed-left,.feed-main,.feed-right{min-width:0}.feed-main{display:flex;flex-direction:column;gap:14px}.feed-right{position:relative}.feed-right>.rail,.feed-right>.rail-inline{position:sticky;top:calc(var(--header-h) + 12px)}@media (max-width: 1220px){.feed-grid{grid-template-columns:minmax(210px,240px) minmax(0,1fr) minmax(260px,320px);gap:16px}}@media (max-width: 980px){.feed-shell{padding:10px 12px 28px}.feed-grid{grid-template-columns:minmax(210px,240px) minmax(0,1fr)}.feed-right{display:none}}@media (max-width: 760px){.feed-shell{padding:8px 10px 24px}.feed-grid{grid-template-columns:minmax(0,1fr);gap:14px}.feed-left{display:none}.feed-main{gap:12px}}.top-nav-shell{position:sticky;top:0;z-index:140;background:color-mix(in srgb,var(--bg),transparent 10%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:max(8px,env(safe-area-inset-top,0px)) 10px 8px;border-bottom:1px solid color-mix(in srgb,var(--text),transparent 92%)}.top-nav{width:100%;max-width:1760px;margin:0 auto;display:grid;grid-template-columns:minmax(180px,220px) minmax(260px,1fr) repeat(6,minmax(96px,1fr)) auto auto;align-items:center;gap:12px}.top-nav-brand{display:inline-flex;align-items:center;min-width:0}.top-nav-brand img{height:42px;width:auto;display:block}.top-nav-search{position:relative;min-width:0}.top-nav-search .search{width:100%}.top-nav-search .search input{width:100%;height:44px;padding:0 16px;border-radius:999px;font-size:14px}.top-nav-link{min-width:0}.top-nav-link .btn{width:100%;min-height:48px;justify-content:center;border-radius:18px;padding:10px 14px;font-weight:700;font-size:13px}.top-nav-icon-btn{width:48px;height:48px;min-width:48px;border-radius:16px;justify-content:center;padding:0}.top-nav-menu-wrap{position:relative}.top-nav-menu{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 20px));border-radius:22px;padding:14px;background:color-mix(in srgb,var(--card),white 6%);box-shadow:18px 18px 34px var(--shadow-dark),-14px -14px 30px var(--shadow-light),0 12px 34px #0f172a24;border:1px solid color-mix(in srgb,var(--text),transparent 92%)}.top-nav-menu-grid{display:grid;gap:10px}.top-nav-menu-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--card);box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light);font-weight:700}.top-nav-menu-item.danger{color:#b42318}@media (max-width: 1560px){.top-nav{grid-template-columns:minmax(170px,210px) minmax(220px,1fr) repeat(6,minmax(88px,1fr)) auto auto;gap:10px}.top-nav-link .btn{font-size:12px;padding:10px 12px}}@media (max-width: 1280px){.top-nav{grid-template-columns:minmax(160px,190px) minmax(220px,1fr) repeat(4,minmax(90px,1fr)) auto auto}.top-nav-link.hide-lg{display:none}}@media (max-width: 1080px){.top-nav-shell{padding:max(8px,env(safe-area-inset-top,0px)) 8px 8px}.top-nav{grid-template-columns:minmax(150px,180px) minmax(180px,1fr) repeat(2,minmax(90px,1fr)) auto auto;gap:8px}.top-nav-link.hide-md{display:none}.top-nav-link .btn{min-height:46px;border-radius:16px}}@media (max-width: 760px){.top-nav-shell{position:sticky;top:0;z-index:160;padding:max(8px,env(safe-area-inset-top,0px)) 8px 8px}.top-nav{display:flex;align-items:center;gap:8px}.top-nav-brand{flex:0 0 auto}.top-nav-brand img{height:34px}.top-nav-search{flex:1 1 auto;min-width:0}.top-nav-search .search input{height:40px;font-size:13px}.top-nav-link,.top-nav-link.hide-md,.top-nav-link.hide-lg{display:none}.top-nav-icon-btn{width:42px;height:42px;min-width:42px;border-radius:14px}.top-nav-menu{top:calc(100% + 8px);width:min(300px,calc(100vw - 16px));padding:12px;border-radius:18px}}.legacy-portal-hero{position:relative;overflow:hidden;width:100%;min-height:clamp(280px,46vw,420px);border-radius:32px;padding:clamp(22px,4vw,40px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#042159eb,#125bc9c7),url(/cover.png) center/cover no-repeat;box-shadow:18px 18px 32px var(--shadow-dark),-18px -18px 32px var(--shadow-light),inset 0 1px #ffffff24}.legacy-portal-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.18),transparent 26%),radial-gradient(circle at 82% 22%,rgba(86,160,255,.22),transparent 28%),radial-gradient(circle at 50% 82%,rgba(0,209,255,.16),transparent 30%);pointer-events:none}.legacy-portal-hero:after{content:"";position:absolute;inset:auto -18% -42% auto;width:clamp(220px,30vw,380px);aspect-ratio:1 / 1;border-radius:999px;background:radial-gradient(circle,#ffffff38,#fff0);filter:blur(6px);pointer-events:none}.legacy-legacy-portal-hero-inner{position:relative;z-index:1;width:min(100%,1120px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,30px);align-items:center;justify-items:center;text-align:center}.legacy-legacy-portal-hero-content{width:min(100%,920px);display:grid;gap:18px;justify-items:center}.legacy-legacy-portal-hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);color:#ffffffeb;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px #0f172a2e}.legacy-legacy-portal-hero-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:#60a5fa;box-shadow:0 0 16px #60a5fae6}.legacy-legacy-portal-hero-title{margin:0;color:#fff;font-size:clamp(2rem,4.8vw,3.95rem);line-height:1.02;font-weight:900;letter-spacing:-.04em;text-shadow:0 12px 28px rgba(15,23,42,.26)}.legacy-legacy-portal-hero-copy{max-width:760px;margin:0;color:#ffffffd6;font-size:clamp(.98rem,1.6vw,1.15rem);line-height:1.7}.legacy-legacy-portal-hero-search-wrap{width:min(100%,920px);position:relative}.legacy-legacy-portal-hero-search-frame{position:relative;padding:1px;border-radius:999px;background:linear-gradient(120deg,#60a5faf2,#22d3eed1,#ec4899d1,#60a5faf2);background-size:240% 240%;animation:legacyPortalHue 10s linear infinite;box-shadow:0 22px 48px #0f172a38,0 0 0 1px #ffffff1f}.legacy-legacy-portal-hero-search-shell{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:10px 12px 10px 18px;border-radius:inherit;background:#f5f8fff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.legacy-legacy-portal-hero-search-icon{flex:0 0 auto;width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#1947a6;background:linear-gradient(145deg,#fffffff5,#e1ebfff0);box-shadow:inset 0 1px #ffffffdb,0 10px 22px #1947a61f}.legacy-legacy-portal-hero-search-input{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;color:#0f172a;font-size:clamp(1rem,1.7vw,1.15rem);font-weight:600;letter-spacing:-.01em}.legacy-legacy-portal-hero-search-input::placeholder{color:#475569d9;font-weight:500}.legacy-legacy-portal-hero-search-btn{flex:0 0 auto;min-width:150px;min-height:56px;border:none;cursor:pointer;border-radius:999px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.98rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6 45%,#60a5fa);box-shadow:0 18px 28px #2563eb47;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.legacy-legacy-portal-hero-search-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 22px 34px #2563eb57;filter:saturate(1.05)}.legacy-legacy-portal-hero-search-btn:active{transform:translateY(0)}.legacy-legacy-portal-hero-search-btn svg{width:18px;height:18px}.legacy-legacy-portal-hero-search-sub{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(100%,920px)}.legacy-legacy-portal-hero-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:#ffffffe6;font-size:.88rem;font-weight:600;box-shadow:inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legacy-legacy-portal-hero-tag svg{width:16px;height:16px}.legacy-legacy-portal-hero-glow{position:absolute;inset:auto auto -30% -12%;width:clamp(180px,26vw,340px);aspect-ratio:1 / 1;border-radius:999px;background:radial-gradient(circle,#60a5fa42,#60a5fa00);filter:blur(10px);pointer-events:none}@keyframes legacyPortalHue{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width: 980px){.legacy-portal-hero{min-height:clamp(260px,54vw,380px);border-radius:26px}.legacy-legacy-portal-hero-search-shell{min-height:70px}.legacy-legacy-portal-hero-search-btn{min-width:138px;min-height:52px}}@media (max-width: 760px){.legacy-portal-hero{min-height:auto;border-radius:22px;padding:18px 16px 20px}.legacy-legacy-portal-hero-inner,.legacy-legacy-portal-hero-content{width:100%;gap:14px}.legacy-legacy-portal-hero-kicker{font-size:11px;padding:8px 12px;letter-spacing:.06em}.legacy-legacy-portal-hero-copy{font-size:.95rem;line-height:1.55}.legacy-legacy-portal-hero-search-frame{border-radius:24px}.legacy-legacy-portal-hero-search-shell{display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px;min-height:auto;padding:12px;border-radius:inherit}.legacy-legacy-portal-hero-search-icon{display:none}.legacy-legacy-portal-hero-search-input{width:100%;min-height:46px;padding:0 4px;font-size:.98rem}.legacy-legacy-portal-hero-search-btn{width:100%;min-width:0;min-height:48px;font-size:.95rem}.legacy-legacy-portal-hero-search-sub{justify-content:flex-start;gap:8px}.legacy-legacy-portal-hero-tag{font-size:.8rem;padding:8px 12px}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px 14px}.auth-card{width:min(100%,440px);border-radius:28px;padding:28px 24px;background:color-mix(in srgb,var(--card),white 8%);box-shadow:18px 18px 34px var(--shadow-dark),-16px -16px 30px var(--shadow-light),inset 0 1px #ffffff73;display:grid;gap:16px}.auth-header{display:grid;gap:8px;justify-items:center;text-align:center}.auth-logo{width:min(180px,60%);height:auto}.auth-title{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.auth-copy{margin:0;color:var(--muted);font-size:.96rem;line-height:1.55}.auth-form{display:grid;gap:14px}.auth-form-grid{display:grid;gap:12px}.auth-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-field{display:grid;gap:8px}.auth-label{font-size:.88rem;font-weight:700}.auth-input-wrap{position:relative}.auth-input,.auth-select,.auth-textarea{width:100%;border:none;outline:none;border-radius:16px;padding:14px 16px;font-size:.96rem;color:var(--text);background:color-mix(in srgb,var(--bg),white 5%);box-shadow:inset 7px 7px 14px var(--shadow-dark),inset -7px -7px 14px var(--shadow-light)}.auth-textarea{min-height:120px;resize:vertical}.hp-form .field{display:grid;gap:6px}.hp-form .field>label{font-size:13px;font-weight:600}.hp-form .field input:not([type=file]),.hp-form .field select,.hp-form .field textarea{width:100%;min-width:0;border:1px solid color-mix(in srgb,var(--text),transparent 92%);outline:none;border-radius:14px;padding:12px 14px;font:inherit;color:var(--text);background:color-mix(in srgb,var(--bg),white 14%);box-shadow:inset 4px 4px 10px color-mix(in srgb,var(--shadow-dark),transparent 38%),inset -4px -4px 10px color-mix(in srgb,var(--shadow-light),transparent 12%);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-clip:padding-box}.hp-form .field input:not([type=file])::placeholder,.hp-form .field textarea::placeholder{color:var(--muted)}.hp-form .field input:not([type=file]):focus,.hp-form .field select:focus,.hp-form .field textarea:focus{border-color:color-mix(in srgb,var(--primary),transparent 45%);box-shadow:0 0 0 3px var(--ring),inset 4px 4px 10px color-mix(in srgb,var(--shadow-dark),transparent 42%),inset -4px -4px 10px color-mix(in srgb,var(--shadow-light),transparent 14%)}.hp-form .field input:not([type=file]):-webkit-autofill,.hp-form .field input:not([type=file]):-webkit-autofill:hover,.hp-form .field input:not([type=file]):-webkit-autofill:focus,.hp-form .field textarea:-webkit-autofill,.hp-form .field select:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px color-mix(in srgb,var(--bg),white 14%) inset,0 0 0 3px transparent;transition:background-color 9999s ease-out 0s;caret-color:var(--text)}.hp-form .field select{padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.hp-form .file-row{flex-wrap:wrap}.hp-form .file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.hp-form .file-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--card),white 10%);box-shadow:inset 4px 4px 8px color-mix(in srgb,var(--shadow-dark),transparent 45%),inset -4px -4px 8px color-mix(in srgb,var(--shadow-light),transparent 10%);color:var(--text);font-size:12px;line-height:1}.hp-form .pill-x{width:20px;height:20px;border:none;border-radius:999px;background:color-mix(in srgb,var(--text),transparent 86%);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.hp-form .hint{color:var(--muted);font-size:12px}.hp-form .form-inline-error{color:var(--danger);font-size:12px;font-weight:700}.hp-form .grow{flex:1 1 auto}.auth-actions{display:grid;gap:12px}.auth-submit{width:100%;min-height:52px;border:none;border-radius:18px;font-size:.98rem;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 18px 28px #4f46e53d;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 22px 34px #4f46e547;filter:saturate(1.04)}.auth-submit:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.auth-divider{position:relative;text-align:center;color:var(--muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 34px);height:1px;background:color-mix(in srgb,var(--text),transparent 90%)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-helper{margin:0;text-align:center;color:var(--muted);font-size:.9rem}.auth-helper a{font-weight:700;color:#2563eb}.auth-inline-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border-radius:16px;padding:12px 16px;background:color-mix(in srgb,var(--card),white 6%);box-shadow:10px 10px 20px var(--shadow-dark),-8px -8px 18px var(--shadow-light);font-weight:700}.auth-note{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5;text-align:center}.auth-error,.auth-success{border-radius:14px;padding:12px 14px;font-size:.9rem;line-height:1.5}.auth-error{color:#991b1b;background:#fee2e2eb;border:1px solid rgba(248,113,113,.35)}.auth-success{color:#166534;background:#dcfce7eb;border:1px solid rgba(74,222,128,.32)}@media (max-width: 760px){.auth-card{padding:24px 18px;border-radius:24px}.auth-form-grid.two{grid-template-columns:minmax(0,1fr)}}.hp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0f172a6b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:18px}.hp-modal{position:relative;width:min(1040px,100%);max-height:min(92vh,900px);overflow:auto;border-radius:32px;padding:28px;background:color-mix(in srgb,var(--card),white 8%);box-shadow:24px 24px 44px var(--shadow-dark),-20px -20px 40px var(--shadow-light),0 24px 54px #0f172a3d}.hp-modal-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border:none;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card),white 6%);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.hp-modal-head{display:grid;gap:10px;margin-bottom:20px}.hp-modal-logo{width:min(210px,55%);height:auto;display:block}.hp-modal-title{margin:0;font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.05;font-weight:900;letter-spacing:-.03em}.hp-modal-copy{margin:0;color:var(--muted);font-size:1rem;line-height:1.6}.hp-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hp-modal-card{position:relative;overflow:hidden;border-radius:28px;padding:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--card),white 10%),var(--card));box-shadow:18px 18px 34px var(--shadow-dark),-14px -14px 30px var(--shadow-light),inset 0 1px #ffffff80}.hp-modal-card:before{content:"";position:absolute;inset:auto -22% -30% auto;width:180px;aspect-ratio:1 / 1;border-radius:999px;background:radial-gradient(circle,#60a5fa2e,#60a5fa00);pointer-events:none}.hp-modal-card.agent:before{background:radial-gradient(circle,#10b9812e,#10b98100)}.hp-modal-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hp-modal-icon-shell{width:52px;height:52px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card),white 8%);box-shadow:inset 8px 8px 14px var(--shadow-dark),inset -8px -8px 14px var(--shadow-light)}.hp-modal-card-title{margin:0;font-size:1.22rem;font-weight:800}.hp-modal-card-copy{margin:0 0 16px;color:var(--muted);line-height:1.6;font-size:.96rem}.hp-modal-points{display:grid;gap:10px;margin-bottom:18px}.hp-modal-point{display:flex;align-items:flex-start;gap:10px;font-size:.94rem;color:var(--text)}.hp-modal-point-dot{width:10px;height:10px;border-radius:999px;margin-top:6px;background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 0 0 6px #60a5fa24}.hp-modal-card.agent .hp-modal-point-dot{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 0 0 6px #10b98124}.hp-modal-banner{display:inline-flex;align-items:center;justify-content:center;min-width:84px;min-height:34px;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 12px 24px #4f46e53d}.hp-modal-card.agent .hp-modal-banner{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 12px 24px #0596693d}.hp-modal-actions{display:grid;gap:10px}.hp-modal-button{width:100%;min-height:52px;border:none;border-radius:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;font-size:.96rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 16px 28px #4f46e542;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.hp-modal-button:hover{transform:translateY(-1px);box-shadow:0 20px 34px #4f46e54d;filter:saturate(1.04)}.hp-modal-card.agent .hp-modal-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 16px 28px #05966942}.hp-modal-card.agent .hp-modal-button:hover{box-shadow:0 20px 34px #0596694d}.hp-modal-subtle{width:100%;min-height:46px;border:none;border-radius:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:color-mix(in srgb,var(--card),white 6%);box-shadow:inset 8px 8px 16px var(--shadow-dark),inset -8px -8px 16px var(--shadow-light);font-size:.92rem;font-weight:700}.hp-modal-footer{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.9rem}.hp-modal-footer .small{font-size:.82rem}@media (max-width: 880px){.hp-modal{width:min(760px,100%);padding:22px 18px;border-radius:26px}.hp-modal-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.hp-modal-overlay{padding:10px;align-items:flex-end}.hp-modal{width:100%;max-height:92vh;border-radius:24px 24px 0 0;padding:20px 16px 18px}.hp-modal-close{top:12px;right:12px}.hp-modal-logo{width:min(170px,60%)}.hp-modal-card{padding:18px;border-radius:22px}.hp-modal-footer{flex-direction:column;align-items:flex-start}}.suggested-panel{padding:16px 14px}.suggested-panel h3{margin:0 0 14px;font-size:15px;line-height:1.2}.suggested-list{display:flex;flex-direction:column;gap:12px;min-width:0}.suggested-row{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"avatar name" "avatar meta";align-items:center;column-gap:10px;row-gap:4px;min-width:0}.suggested-row>.avatar-wrap{grid-area:avatar;align-self:start;flex:0 0 32px}.suggested-row>.name-line{grid-area:name}.suggested-row>.follow-meta{grid-area:meta}.name-line{display:flex;align-items:center;gap:6px;min-width:0;width:100%}.name-line .name{min-width:0;font-weight:700;color:var(--text)}.follow-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.follow-btn{padding:6px 10px;min-height:30px;font-size:12px;border-radius:10px;white-space:nowrap}.one-line{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggested-panel .agency-inline-logo{width:16px;height:16px;border-radius:999px;flex:0 0 16px}.suggested-panel .muted.small{line-height:1.15}@media (max-width: 1220px){.follow-meta{flex-direction:column;align-items:flex-start}}.portal-home input:not([type=checkbox]),.portal-home select,.portal-home textarea{box-shadow:none!important;background:transparent!important}@media (max-width: 767px){.feed-page .hp-feed-prequal-pill{display:none!important}}