:root{--bg:#f7f4ef;--surface:#fffdf9;--ink:#171724;--muted:#736f79;--line:#e7e0d9;--navy:#0b0d3b;--navy2:#151958;--gold:#ffc34d;--coral:#ff6a72;--magenta:#d82cff;--gradient:linear-gradient(135deg,var(--gold) 0%,var(--coral) 48%,var(--magenta) 100%);--shadow:0 18px 50px #1e16301a;--radius:24px;--radius-sm:16px;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#fff 0,#f8f4ef 38%,#f3eee8 100%);min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #d82cff38}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;gap:32px;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;display:flex}.logo-mark{filter:drop-shadow(0 5px 12px #d82cff40);width:52px;height:45px}.logo-word{letter-spacing:.18em;font-size:24px;font-weight:700}.logo-tag{letter-spacing:.18em;color:#d7d0ec;margin-top:2px;font-size:8px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{color:#c8c9db;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:13px;padding:12px 14px;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff17}.nav-item.active svg{color:var(--gold)}.sidebar-foot{color:#cbcce0;border-top:1px solid #ffffff1f;gap:10px;margin-top:auto;padding:14px;display:flex}.main-column{min-width:0}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#f7f4efbf;border-bottom:1px solid #e7e0d9bf;justify-content:flex-end;align-items:center;gap:18px;height:78px;padding:0 42px;display:flex;position:sticky;top:0}.top-search{border:1px solid var(--line);width:45%;max-width:520px;height:42px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-right:auto;padding:0 14px;display:flex}.top-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.top-actions{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.dot{background:var(--magenta);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:5px}.avatar{background:var(--navy);color:#fff;border:0;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.avatar.small{width:40px;height:40px}.avatar.lg{width:70px;height:70px;font-size:20px}.avatar.xl{width:118px;height:118px;font-size:30px}.avatar.gradient{background:var(--gradient);color:var(--navy);box-shadow:inset 0 0 0 3px #ffffff73}.page{max-width:1500px;margin:0 auto;padding:38px 42px 64px}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fffdf9f0;border:1px solid #e7e0d9e6}.dark-card{color:#fff;background:linear-gradient(135deg,#0b0d3b 0%,#171955 58%,#33154d 100%);border-color:#ffffff14}.kicker,.eyebrow{letter-spacing:.17em;color:#8d718c;font-size:11px;font-weight:800}.eyebrow{color:#ffd985;align-items:center;gap:8px;display:flex}.hero-grid{grid-template-columns:1.35fr .85fr;gap:22px;display:grid}.hero-copy{flex-direction:column;justify-content:center;min-height:390px;padding:54px;display:flex;position:relative;overflow:hidden}.hero-copy:after{content:"";border:70px solid #d82cff29;border-radius:50%;width:340px;height:340px;position:absolute;top:-120px;right:-90px}.hero-copy h1{letter-spacing:-.055em;max-width:820px;margin:18px 0 22px;font-size:clamp(42px,5vw,76px);line-height:.95}.hero-copy p{color:#d4d1e2;max-width:720px;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.primary,.ghost,.filter-btn,.text-btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;font-weight:750;display:inline-flex}.primary{background:var(--gradient);color:#1a1030;padding:13px 20px;box-shadow:0 9px 24px #d82cff2e}.ghost{color:#fff;background:0 0;border:1px solid #ffffff40;padding:12px 19px}.wide{width:100%}.hero-side{padding:30px}.section-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-head h2,.section-head h3{margin:6px 0 0}.text-btn{color:#7a4777;background:0 0}.mini-people{gap:12px;margin-top:24px;display:grid}.mini-person{background:#f8f4f1;border-radius:18px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.mini-person strong,.mini-person small{display:block}.mini-person small{color:var(--muted);margin-top:3px}.metric-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;display:grid}.metric{align-items:center;gap:13px;padding:18px;display:flex}.metric svg{color:#a04c8d}.metric strong,.metric span{display:block}.metric span{color:var(--muted);margin-top:3px;font-size:12px}.two-col{grid-template-columns:1.15fr .85fr;gap:20px;margin-top:20px;display:grid}.journey-card,.compass-preview{padding:28px}.journey{align-items:flex-start;gap:8px;margin-top:26px;display:flex}.journey-stage{text-align:center;color:#9f9aa4;flex:1;font-size:11px;font-weight:700;position:relative}.journey-stage:not(:last-child):after{content:"";background:#e4dfe4;width:80%;height:2px;position:absolute;top:16px;left:60%}.journey-dot{color:#9f9aa4;z-index:1;background:#eeebe7;border-radius:50%;place-items:center;width:34px;height:34px;margin:auto;display:grid;position:relative}.journey-stage.done{color:#4e2549}.journey-stage.done .journey-dot{background:var(--gradient);color:#261437}.journey-stage span{margin-top:8px;display:block}.bar-row{margin:17px 0}.bar-label{justify-content:space-between;font-size:13px;display:flex}.bar-track{background:#eee8e5;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.bar-track div{background:var(--gradient);border-radius:999px;height:100%}.event-strip{grid-template-columns:1fr 300px auto;align-items:center;gap:26px;margin-top:20px;padding:24px 28px;display:grid}.event-strip h2{margin:5px 0}.event-strip p{color:var(--muted)}.event-visual{background:linear-gradient(#34204f 0,#ef6f70 60%,#ffca65 100%);border-radius:18px;height:100px;position:relative;overflow:hidden}.sunset-orb{background:#ffd36f;border-radius:50%;width:48px;height:48px;position:absolute;top:18px;right:28px;box-shadow:0 0 40px #ffd36fbf}.event-city{letter-spacing:.25em;color:#fff;font-weight:900;position:absolute;bottom:12px;left:20px}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-title h1{letter-spacing:-.04em;margin:6px 0;font-size:44px}.page-title p{color:var(--muted);margin:0}.filter-btn{border:1px solid var(--line);background:#fff;padding:11px 16px}.discover-grid{grid-template-columns:minmax(0,1fr) 330px;gap:20px;display:grid}.profile-card{overflow:hidden}.profile-hero{color:#fff;background:linear-gradient(135deg,#12154a,#351b50);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:34px;display:grid}.profile-name{align-items:center;gap:8px;font-size:30px;font-weight:850;display:flex}.muted{color:#cbc9d6;align-items:center;gap:6px;margin:7px 0 10px;display:flex}.badge{color:#684c64;background:#f5efefd9;border:1px solid #6f5a6e26;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:750;display:inline-flex}.compat-ring{text-align:center;border:8px solid #ffc34d40;border-radius:50%;place-content:center;width:106px;height:106px;display:grid;box-shadow:inset 0 0 0 5px #d82cff33}.compat-ring strong{font-size:25px}.compat-ring span{color:#cfccdc;font-size:9px}.profile-body{padding:30px}.bio{font-size:17px;line-height:1.65}.tag-row,.chip-list{flex-wrap:wrap;gap:7px;display:flex}.why{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.reason,.difference{color:#425041;align-items:center;gap:9px;margin:10px 0;display:flex}.reason svg{color:#4e9c69}.difference{color:#8d5a83}.decision-row{justify-content:center;gap:18px;margin-top:30px;display:flex}.round{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.round.accept{background:var(--gradient);color:#241332;border:0}.round.reject{color:#8c5b66}.round.save{color:#c98d20}.discovery-aside{align-self:start;padding:28px}.discovery-aside p{color:var(--muted);line-height:1.6}.aside-stat{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:16px 0;display:flex}.aside-stat strong{font-size:26px}.aside-stat span{color:var(--muted);font-size:12px}.match-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.match-card{padding:26px;position:relative}.match-card h3{margin:15px 0 3px}.match-card p{color:var(--muted);margin:0}.match-score{color:#a03f95;font-weight:900;position:absolute;top:25px;right:22px}.match-context{gap:4px;margin:22px 0;display:grid}.match-context strong{text-transform:uppercase;letter-spacing:.12em;color:#96718f;margin-top:8px;font-size:11px}.match-context span{font-size:13px}.chat-layout{grid-template-columns:320px minmax(0,1fr);gap:18px;height:calc(100vh - 78px);padding-bottom:38px;display:grid}.thread-list{padding:16px;overflow:auto}.thread-title{justify-content:space-between;align-items:center;padding:10px;display:flex}.thread{border-radius:15px;grid-template-columns:48px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.thread.active{background:#f2ebf4}.thread strong,.thread span{display:block}.thread span{color:var(--muted);margin-top:3px;font-size:11px}.chat-card{flex-direction:column;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:74px;padding:0 18px;display:flex}.chat-head span{font-size:11px;display:block}.online{color:#438d60}.chat-head .icon-btn{margin-left:auto}.chat-insight{color:#6e4d6c;background:#f7f0f8;border:1px solid #ecdff1;border-radius:14px;gap:9px;margin:14px 18px 0;padding:12px;font-size:12px;display:flex}.messages{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow:auto}.bubble{background:#f0ece9;border-radius:16px 16px 16px 4px;max-width:66%;padding:12px 14px;line-height:1.45}.bubble.me{color:#fff;background:linear-gradient(135deg,#7c47d9,#d846c9);border-radius:16px 16px 4px;margin-left:auto}.date-card{background:#fff9ef;border:1px solid #f0dfbc;border-radius:16px;grid-template-columns:auto 1fr auto;align-self:center;align-items:center;gap:12px;min-width:330px;padding:12px 14px;display:grid}.date-card span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.date-card button{color:#8f5a25;background:0 0;border:0;font-weight:800}.composer{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;gap:10px;padding:12px;display:grid}.composer input{border:1px solid var(--line);border-radius:999px;outline:0;padding:0 15px}.send{background:var(--gradient);color:#28152f;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.event-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.event-card{overflow:hidden}.event-cover{color:#fff;place-items:center;height:190px;font-size:54px;display:grid}.event-cover.e0{background:radial-gradient(circle at 65% 25%,#ffc86a 0 7%,#0000 8%),linear-gradient(160deg,#19154a,#b63c74 56%,#ef8c65)}.event-cover.e1{background:linear-gradient(145deg,#4a241f,#a05b38,#e3bd78)}.event-cover.e2{background:linear-gradient(145deg,#131746,#713b88,#db588a)}.event-body{padding:22px}.event-body h2{margin:15px 0 8px}.event-body p{color:var(--muted);align-items:center;gap:7px;display:flex}.compass-grid{grid-template-columns:minmax(0,1.3fr) .7fr;gap:20px;display:grid}.compass-main{grid-template-columns:320px 1fr;gap:30px;padding:30px;display:grid}.radar{background:repeating-radial-gradient(circle,#eee5ef 0 1px,transparent 1px 34px),repeating-conic-gradient(from 0deg,#eee5ef 0 1deg,transparent 1deg 45deg);border-radius:50%;width:280px;height:280px;margin:auto;position:relative}.radar:before{content:"";clip-path:polygon(50% 0,82% 18%,100% 50%,80% 82%,50% 100%,18% 80%,0 50%,20% 18%);background:linear-gradient(135deg,#ffc34d73,#d82cff80);border:1px solid #79357859;position:absolute;inset:55px}.radar-core{background:var(--navy);color:#ff7bdc;z-index:2;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar>span{text-align:center;color:#6e6470;width:90px;font-size:9px;position:absolute;top:calc(50% - 8px);left:calc(50% - 45px)}.compass-note{padding:30px}.compass-note p{color:var(--muted);line-height:1.65}.compass-note h3{margin-top:24px}.ethics-note{color:#6f6070;background:#f3eef4;border-radius:14px;margin-top:25px;padding:14px;font-size:11px;line-height:1.5}.space-hero{grid-template-columns:.85fr 1.15fr;min-height:560px;display:grid;overflow:hidden}.space-copy{color:#fff;background:linear-gradient(135deg,#0b0d3b,#2a1450);flex-direction:column;justify-content:center;padding:52px;display:flex}.space-copy h1{margin:20px 0;font-size:48px;line-height:1}.space-copy p{color:#d1cde0;line-height:1.65}.space-scene{background:radial-gradient(circle at 50% 34%,#ffb45d 0 5%,#0000 6%),linear-gradient(#22165a 0,#683a82 45%,#d15286 72%,#151638 73%);position:relative;overflow:hidden}.city-line{clip-path:polygon(0 100%,0 45%,5% 45%,5% 12%,9% 12%,9% 55%,14% 55%,14% 33%,19% 33%,19% 64%,24% 64%,24% 25%,30% 25%,30% 50%,36% 50%,36% 10%,41% 10%,41% 61%,47% 61%,47% 29%,53% 29%,53% 52%,58% 52%,58% 18%,64% 18%,64% 60%,70% 60%,70% 35%,77% 35%,77% 55%,83% 55%,83% 18%,89% 18%,89% 45%,94% 45%,94% 8%,100% 8%,100% 100%);background:repeating-linear-gradient(90deg,#11152f 0 24px,#222551 24px 42px);height:80px;position:absolute;bottom:23%;left:0;right:0}.space-stage{background:#0f0c3ab3;border:2px solid #ff70df;border-radius:50% 50% 14px 14px;place-items:center;width:260px;height:110px;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #d82cffb3}.space-stage span{letter-spacing:.25em;color:#ffd16d;font-size:28px}.crowd{text-align:center;color:#f6b27f;letter-spacing:12px;font-size:32px;position:absolute;bottom:80px;left:0;right:0}.profile-settings-grid{grid-template-columns:.7fr 1fr 1fr;gap:18px;display:grid}.settings-card{padding:26px}.settings-card h2{margin-top:0}.verified-line{color:#417d57;align-items:center;gap:8px;font-weight:800;display:flex}.toggle-row{border:0;border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;width:100%;padding:14px 0;display:flex}.switch{background:#ded8d6;border-radius:999px;width:44px;height:24px;padding:3px;display:flex}.switch i{background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 7px #00000024}.switch.on{background:linear-gradient(90deg,#e54d9c,#9f43da);justify-content:flex-end}.setting-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.setting-row strong,.setting-row span{display:block}.setting-row span{color:var(--muted);margin-top:2px;font-size:11px}@media (max-width:1150px){.app-shell{grid-template-columns:88px 1fr}.sidebar{padding:24px 14px}.sidebar .logo>div,.sidebar .nav-item span,.sidebar-foot span{display:none}.sidebar .logo{justify-content:center}.sidebar nav{align-items:center}.nav-item{justify-content:center;width:52px}.hero-grid,.two-col,.compass-grid,.space-hero{grid-template-columns:1fr}.metric-row,.match-grid,.event-grid{grid-template-columns:repeat(2,1fr)}.profile-settings-grid{grid-template-columns:1fr 1fr}.compass-main{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{display:block}.sidebar{z-index:30;width:auto;height:72px;padding:7px 10px;display:block;position:fixed;inset:auto 0 0}.sidebar .logo,.sidebar-foot{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.sidebar nav .nav-item:nth-child(n+6){display:none}.nav-item{flex-direction:column;gap:3px;width:auto;padding:8px;font-size:9px}.nav-item span{display:block!important}.topbar{height:64px;padding:0 16px}.top-search{width:75%}.page{padding:24px 16px 98px}.hero-copy{min-height:420px;padding:30px}.hero-copy h1{font-size:46px}.metric-row,.match-grid,.event-grid,.profile-settings-grid,.event-strip,.discover-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:auto 1fr}.compat-ring{grid-column:1/-1;width:90px;height:90px}.chat-layout{grid-template-columns:1fr;height:auto}.thread-list{display:none}.chat-card{min-height:70vh}.compass-main{padding:20px}.space-copy{padding:32px}.space-scene{min-height:380px}.page-title h1{font-size:36px}.journey.compact{overflow:auto}.top-actions .icon-btn{display:none}}