/* Instinct: shared experience, clear contrast and human-centered cards. */
:root{--navy:#082942;--teal:#007f82;--mint:#def5f2;--bg:#f3f7fb;--line:#dce5ee;--muted:#596d80}
body{background:var(--bg);color:var(--navy)}
.panel{border-color:var(--line);border-radius:20px;box-shadow:0 5px 22px #08294206}
h1,h2,h3{font-weight:700}h1{line-height:1.15}h2{line-height:1.25}
label{color:#425c72;font-weight:550}label small{font-weight:400;line-height:1.55}
input,select,textarea{background:#f9fbfd;border-color:#d6e2eb;border-radius:12px}
input:focus,select:focus,textarea:focus{outline:2px solid #007f8233;outline-offset:2px;border-color:var(--teal)}
.primary{background:var(--teal);border-color:var(--teal);border-radius:12px;justify-content:center;font-weight:650;min-height:44px}
.primary:hover{background:#00696e;border-color:#00696e}.secondary{border-radius:12px;min-height:44px}
.badge{background:#eaf4fa;color:#315974;border-radius:99px;padding:7px 11px;font-size:12px;line-height:1.3}
.connect-button{background:#fff0f3;border-color:#f1c9d2;color:#aa2542;border-radius:14px;min-height:52px}
.connect-button:hover{background:#ffe3eb}.connect-heart{fill:#e33756;color:#e33756}
.main>header{border-color:var(--line)}.main>header>span{color:#536c80}
.sidebar{background:linear-gradient(160deg,#082942,#063b4a);border-right:0;box-shadow:6px 0 24px #08294209}
.sidebar .brand img{filter:brightness(0) invert(1)}
.sidebar .workspace{color:#b6d5dc}.sidebar .dot{background:#28d0be}
.sidebar .nav-heading{color:#8fb8c4}.sidebar .nav-group a{color:#d8e8ef;border:1px solid transparent}
.sidebar .nav-group a:hover{background:#ffffff0d;color:#fff}
.sidebar .nav-group a.selected{color:#fff;background:#0c5967;border-color:#19808b;box-shadow:none}
.sidebar .nav-group a.selected .nav-icon{color:#71e1d7}
.sidebar-toggle{color:#c9e7ee}.sidebar-toggle:hover{background:#ffffff12;color:#fff}
.sidebar .sidebar-bottom{border-top-color:#ffffff20}
.sidebar .account-trigger{color:#fff;background:#ffffff08;border-radius:14px}
.sidebar .account-trigger:hover{background:#ffffff12}
.sidebar .account-identity,.sidebar .account-identity strong{color:#fff}.sidebar .account-identity small{color:#afd0d9}
.sidebar .account-popup{color:var(--navy)}
.instinct-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:30px;margin:28px 0 24px;padding:42px;border-radius:24px;background:linear-gradient(115deg,#06263f 8%,#084b60 66%,#008d93);color:#fff;overflow:hidden;box-shadow:0 12px 32px #08294212}
.instinct-hero::after{content:'';position:absolute;z-index:-1;width:440px;height:440px;right:-100px;top:-220px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 48px #ffffff04,0 0 0 96px #ffffff03;pointer-events:none}
.hero-copy{min-width:0}.instinct-hero .eyebrow{color:#8be8de;letter-spacing:1.8px;line-height:1.7}
.instinct-hero h1{font-size:clamp(32px,3.25vw,48px);letter-spacing:-1.6px;margin:16px 0;max-width:700px;overflow-wrap:anywhere}
.instinct-hero h1 em{color:#56e0d5;font-style:normal}.instinct-hero p{color:#d8e9f0;max-width:590px;font-size:15px;line-height:1.75;margin:0 0 24px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.hero-actions .light-button{margin:0;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:700;color:#07354a;background:#fff;min-height:46px;display:inline-flex;align-items:center}
.hero-actions .light-button:hover{background:#e8fcf7}.hero-profile-link{font-size:14px;font-weight:600;color:#d4f6f0;padding:12px 0}
.hero-symbol{position:relative;display:grid;place-items:center;width:220px;height:220px;border:1px solid #7ce5df5c;border-radius:50%;box-shadow:0 0 0 24px #ffffff06}
.hero-symbol img{display:block;width:138px;height:138px;object-fit:contain;padding:19px;border-radius:50%;background:#f0fcfa;box-shadow:0 10px 36px #04243733}
.hero-symbol::before,.hero-symbol::after,.hero-symbol span{content:'';position:absolute;border-radius:50%;background:linear-gradient(145deg,#55e4d6,#0299a3);box-shadow:0 4px 18px #02334b20}
.hero-symbol::before{width:36px;height:36px;top:8px;right:15px}.hero-symbol::after{width:24px;height:24px;bottom:10px;left:20px}.hero-symbol span{width:16px;height:16px;left:-7px;top:70px}
.community-search{padding:20px 24px;margin:0 0 30px}.community-search form{display:flex;gap:16px;align-items:end}
.community-search .form-grid{flex:1;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:20px}
.community-search label{margin:0}.community-search button{flex-shrink:0;min-height:46px;margin:0}
.community-section-heading{margin:28px 0 18px;scroll-margin-top:90px}.community-section-heading h2{font-size:25px;margin:8px 0 0;letter-spacing:-.7px}
.people-grid{gap:22px}.person-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border-radius:20px;background:#fff}
.person-media{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(125deg,#e2f4f2,#e2ecf8)}
.person-media .avatar{width:100%;height:100%;margin:0;border-radius:0;font-size:68px;font-weight:650;color:#197c86;background:transparent;object-fit:cover}
.person-content{display:flex;flex-direction:column;gap:12px;padding:22px;flex:1;width:100%;min-width:0}
.person-content h3{font-size:21px;margin:0;letter-spacing:-.6px}.person-location{color:var(--muted);font-size:12px}.person-location:empty{display:none}
.person-content p{font-size:14px;color:#465e74;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.person-skills{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 8px}.person-skills:empty{display:none}
.person-skills .badge{font-size:11px;max-width:100%;overflow-wrap:anywhere}
.person-action{margin-top:auto;font-size:13px;background:#edf8f7;color:#006c75;border-color:#d5eeee;min-height:44px}
.person-action:hover{background:#d6f2ee;color:#004f58;border-color:#bbdfda}
.instinct-mission{margin:34px 0 8px;padding:32px;border-radius:22px;background:#e6f3f4;border:1px solid #d0e8e9}
.instinct-mission h2{font-size:25px;margin:10px 0 12px}.instinct-mission p{max-width:850px;color:#395c6d;font-size:14px;margin:0;line-height:1.8}
.auth-art{background:linear-gradient(150deg,#082942,#065568);color:#fff}.auth-art .eyebrow{color:#8be8de}.auth-art h1 em{color:#56e0d5}.auth-art p{color:#d3e7ed}.auth-art .art-foot{color:#a4d8dd}.auth-art .orbit{background:#effbf7;border-color:#8abfbb}
@media(min-width:761px){.main{padding-left:36px;padding-right:36px}.sidebar .nav-group a{min-height:44px}.sidebar .nav-group .nav-label{font-size:13px}.sidebar .account-popup a,.sidebar .account-popup button{color:var(--navy)}}
@media(min-width:761px) and (max-width:1100px){.instinct-hero{grid-template-columns:minmax(0,1fr) 150px;padding:32px;gap:24px}.hero-symbol{width:150px;height:150px}.hero-symbol img{width:108px;height:108px}.instinct-hero h1{font-size:36px}.community-search form{flex-wrap:wrap}.community-search .form-grid{flex-basis:100%}}
@media(max-width:760px){
 .main{padding-left:16px;padding-right:16px}.main>header{margin-left:-16px;margin-right:-16px}
 .instinct-hero{grid-template-columns:minmax(0,1fr);margin:20px 0;padding:27px 24px;gap:0;border-radius:20px}
 .instinct-hero h1{font-size:clamp(30px,7.5vw,40px);letter-spacing:-1.1px;line-height:1.18;margin:12px 0 16px}
 .instinct-hero .eyebrow{font-size:9px;letter-spacing:1.5px}.instinct-hero p{font-size:14px;margin-bottom:20px;line-height:1.65}.hero-symbol{display:none}
 .hero-actions{gap:8px 16px}.hero-actions .light-button{font-size:13px;padding:13px 16px}.hero-profile-link{font-size:13px}
 .community-search{padding:18px;margin:0 0 24px;border-radius:17px}.community-search form{display:block}.community-search .form-grid{grid-template-columns:1fr;gap:14px}.community-search button{width:100%;margin-top:14px}
 .community-section-heading{margin:24px 0 18px}.community-section-heading h2{font-size:24px}.community-section-heading .eyebrow{font-size:9px;letter-spacing:1.5px}
 .people-grid{grid-template-columns:1fr;gap:18px}.people-grid .person-card{padding:0;margin:0}.person-media{aspect-ratio:16/10;max-height:280px}.person-content{padding:21px}.person-content h3{font-size:22px}
 .person-content p{font-size:15px}.person-skills .badge{font-size:12px}.person-action{font-size:14px;min-height:48px}
 .instinct-mission{margin-top:26px;padding:24px 22px;border-radius:19px}.instinct-mission h2{font-size:24px}.instinct-mission p{font-size:14px}
 .mobile-bottom{border-color:#d6e5ed;box-shadow:0 -4px 20px #08294209}.mobile-bottom a.selected{background:#d5f1ed;color:#006d77}
 .auth-main h2{font-size:30px;line-height:1.25}
}
/* Open hero and search, with two unbroken headline lines. */
.instinct-hero{border-radius:0;box-shadow:none;margin-left:-36px;margin-right:-36px;padding:38px 36px}
.hero-copy{container-type:inline-size}
.instinct-hero h1{font-size:clamp(18px,2.3vw,42px);font-size:clamp(18px,6cqw,46px);white-space:nowrap;letter-spacing:-.6px;max-width:none}
.community-search{background:transparent;border:0;border-radius:0;box-shadow:none;padding:8px 0 18px}
@media(min-width:761px) and (max-width:1100px){.instinct-hero{padding:32px 36px;grid-template-columns:minmax(0,1fr)}.hero-symbol{display:none}}
@media(max-width:760px){.instinct-hero{margin:0 -16px 24px;padding:28px 24px;border-radius:0}.instinct-hero h1{font-size:clamp(18px,5.2vw,32px);font-size:clamp(18px,6cqw,32px);white-space:nowrap;letter-spacing:-.5px;line-height:1.3}.community-search{padding:0 0 18px;margin-bottom:20px;border-radius:0}}
.profile-connection-heading>.avatar{width:180px;height:180px;font-size:64px;margin-bottom:6px;border:4px solid #e3f4f2;box-shadow:0 8px 24px #08294212}
@media(max-width:760px){.profile-connection-heading>.avatar{width:144px;height:144px;font-size:52px}}
.sidebar{scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:no-preference){.person-media img{transition:transform .22s}.person-media:hover img{transform:scale(1.025)}}