:root {
  --background: 216 39% 97%; --foreground: 222 40% 16%; --card: 0 0% 100%; --card-foreground: 222 40% 16%;
  --border: 215 25% 89%; --input: 215 25% 89%; --ring: 189 96% 42%; --primary: 189 96% 39%; --primary-foreground: 0 0% 100%;
  --secondary: 215 34% 93%; --secondary-foreground: 222 37% 22%; --muted: 215 28% 94%; --muted-foreground: 218 14% 48%;
  --accent: 278 91% 55%; --accent-foreground: 0 0% 100%; --destructive: 0 73% 52%; --destructive-foreground: 0 0% 100%;
  --popover: 0 0% 100%; --radius: 0.8rem; --app-font-sans: 'Manrope', sans-serif; --app-font-mono: 'DM Mono', monospace;
}
.dark { --background: 222 38% 10%; --foreground: 214 30% 92%; --card: 222 32% 14%; --card-foreground: 214 30% 92%; --border: 222 25% 24%; --input: 222 25% 24%; --primary: 189 96% 48%; --primary-foreground: 222 40% 10%; --secondary: 222 25% 20%; --secondary-foreground: 214 30% 92%; --muted: 222 25% 20%; --muted-foreground: 215 16% 65%; --accent: 278 91% 62%; --accent-foreground: 0 0% 100%; --popover: 222 32% 14%; --destructive: 0 70% 55%; }
body {  font-family: var(--app-font-sans); } button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; } }
:root { --ink: #182436; --cyan: #00b9d1; --violet: #9138dc; --paper: #f4f7fa; --line: #e1e7ee; }
.font-display { font-family: 'Space Grotesk', sans-serif; } .font-code { font-family: 'DM Mono', monospace; }
.app-shell { min-height: 100dvh; background: var(--paper); }
.topbar { height: 76px; background: #101a2d; color: white; position: sticky; top: 0; z-index: 30; border-bottom: 1px solid rgba(255,255,255,.09); }
.topbar-inner { max-width: 1320px; height: 100%; margin: auto; padding: 0 28px; display:flex; align-items:center; gap:40px; }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; color:white; flex-shrink:0; }
.brand-mark { width:40px; height:40px; border:1px solid rgba(0,210,239,.65); color:#77efff; border-radius:12px; display:grid; place-items:center; position:relative; box-shadow:0 0 20px #00b9d135,inset 0 0 14px #00b9d122; }
.brand-mark:before,.brand-mark:after { content:""; position:absolute; width:7px;height:7px;border:1px solid #ae53ff;border-radius:50%; top:-4px; left:5px; box-shadow:12px -4px 0 -1px #101a2d,12px -4px 0 0 #ae53ff,25px 0 0 -1px #101a2d,25px 0 0 0 #ae53ff; }
.brand-name { letter-spacing:.19em; font-weight:800; font-size:17px; line-height:1.1; }
.brand-sub { font-family:'DM Mono',monospace; letter-spacing:.36em; color:#11c5e7; font-size:9px; margin-top:4px; }
.nav-links { display:flex; align-items:center; gap:8px; }
.nav-link { color:#aeb8c8; font-size:13px; font-weight:700; text-decoration:none; padding:11px 14px; border-radius:9px; transition:color .18s,background .18s; }
.nav-link:hover,.nav-link.active { color:white; background:#ffffff13; }
.nav-link.active { box-shadow:inset 0 -2px #00c2d9; }
.top-actions { margin-left:auto; display:flex; align-items:center; gap:10px; }
.page-wrap { max-width:1160px; margin:0 auto; padding:37px 24px 80px; }
.eyebrow { color:#008da4; font:500 11px 'DM Mono',monospace; letter-spacing:.13em; text-transform:uppercase; }
.page-title { font:700 clamp(28px,4vw,39px)/1.08 'Space Grotesk',sans-serif; letter-spacing:-.04em; margin:8px 0 10px; color:#17243a; }
.page-subtitle { color:#68778c; font-size:14px; line-height:1.7; max-width:650px; }
.panel { background:white; border:1px solid #e3e9ef; border-radius:16px; box-shadow:0 3px 14px #20385807; }
.btn { border:0; cursor:pointer; border-radius:10px; font:700 13px 'Manrope',sans-serif; padding:11px 15px; transition:transform .18s,background .18s; display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; }
.btn:hover { transform:translateY(-1px); } .btn-primary { background:#00a9bd; color:white; } .btn-primary:hover { background:#008fa3; }
.btn-soft { background:#e8f7f8; color:#007f91; } .btn-ghost { background:transparent; color:#637186; border:1px solid #dce4ec; } .btn-violet { background:#f3eaff; color:#7931b7; }
.icon-button { width:37px;height:37px;display:grid;place-items:center;border:1px solid #e4eaf0;border-radius:10px;background:white;color:#748197;cursor:pointer; }
.input { width:100%; padding:12px 14px; border:1px solid #dce4eb; border-radius:10px; background:#fff; font:500 13px 'Manrope',sans-serif; color:#1b2b41; outline:none; }
.input:focus { border-color:#00a9bd; box-shadow:0 0 0 3px #00a9bd18; } textarea.input { resize:vertical; }
.searchbox { position:relative; } .searchbox svg { position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8593a4; } .searchbox input { padding-left:42px; }
.feed-layout { display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start; }
.feed-main { min-width:0; } .feed-side { display:grid;gap:16px;position:sticky;top:96px; }
.hero-strip { background:#111c31; color:white; border-radius:19px; padding:30px 32px; position:relative; overflow:hidden; margin-bottom:22px; }
.hero-strip:after { content:""; position:absolute; width:240px;height:240px;border-radius:50%;right:-47px;top:-110px;border:1px solid #00d1ed5c;box-shadow:0 0 0 24px #00d1ed0c,0 0 0 53px #ad51ff12; }
.hero-strip:before { content:"";position:absolute;width:140px;height:140px;right:90px;bottom:-110px;border-radius:50%;background:#9a38d8;filter:blur(65px);opacity:.4; }
.hero-strip h1 { position:relative;z-index:1;font:700 clamp(28px,4vw,40px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:9px 0 9px;max-width:600px; }
.hero-strip p { position:relative;z-index:1;color:#c3ccda;font-size:14px;margin:0;max-width:530px;line-height:1.65; }
.hero-strip .btn { position:relative;z-index:1;margin-top:19px; }
.mini-stat { color:#11d0e4;font:500 11px 'DM Mono',monospace;letter-spacing:.12em; }
.feed-tools { display:flex;align-items:center;justify-content:space-between;margin:22px 0 13px; }
.tabs { display:flex;gap:5px; padding:4px;background:#eaf0f4;border-radius:11px; }
.tab { cursor:pointer;border:0;background:transparent;color:#78869a;font:700 12px 'Manrope';padding:9px 13px;border-radius:8px; }
.tab.selected { color:#1b2c42;background:white;box-shadow:0 1px 3px #1b2c4218; }
.post-card { padding:21px 22px 17px; margin-bottom:12px; transition:transform .18s,border .18s; }
.post-card:hover { transform:translateY(-1px);border-color:#cdd9e4; }
.post-top { display:flex;gap:11px;align-items:center; }
.avatar { width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#e0f6f6;color:#087e8c;font:800 12px 'Space Grotesk'; }
.avatar.purple { color:#763bb1;background:#f1e6ff; } .avatar.peach { color:#b45835;background:#ffede4; } .avatar.blue { color:#385caa;background:#e6edff; }
.post-author {font-weight:800;font-size:12px;color:#27364a;} .post-time {font-size:11px;color:#9aa5b3;margin-top:2px;}
.post-type { margin-left:auto;font:500 10px 'DM Mono';text-transform:uppercase;letter-spacing:.08em;color:#008a9f;background:#e6f8f9;padding:6px 8px;border-radius:6px; }
.post-title { font:700 19px/1.35 'Space Grotesk',sans-serif;color:#1d2b40;margin:16px 0 8px;letter-spacing:-.02em; }
.post-body { color:#657386;font-size:13px;line-height:1.72;margin:0;white-space:pre-line; }
.post-tags { display:flex;gap:7px;margin:14px 0 16px; }
.tag { border-radius:99px;background:#f0f3f6;color:#657487;font:500 10px 'DM Mono',monospace;padding:6px 9px; }
.post-actions { display:flex;align-items:center;border-top:1px solid #edf0f3;padding-top:13px;gap:8px; }
.action-link { border:0;background:transparent;color:#7b8899;display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:8px;font:700 11px 'Manrope';cursor:pointer; }
.action-link:hover,.action-link.voted { color:#008da4;background:#effafb; }
.sidebar-panel { padding:19px; } .sidebar-panel h3 { font:700 14px 'Space Grotesk'; margin:0 0 13px;color:#213147; }
.topic-row { display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f4;text-decoration:none;color:#536176;font-size:12px;font-weight:700; }
.topic-row:last-child { border:0; } .topic-row span:last-child { color:#a0aab6;font:11px 'DM Mono'; }
.activity-row { display:flex;gap:12px;padding:15px 17px;align-items:flex-start; }
.activity-mark { width:38px;height:38px;border-radius:11px;background:#e7f8f9;color:#0092a6;display:grid;place-items:center;flex-shrink:0; }
.activity-name { font:700 14px 'Space Grotesk';color:#233249; text-decoration:none;display:block;margin:0 0 5px; }
.activity-meta { color:#8491a1;font-size:11px;display:flex;gap:10px;flex-wrap:wrap; }
.activity-points { margin-left:auto;color:#8d43c1;font:500 11px 'DM Mono';white-space:nowrap; }
.catalog-layout { display:grid;grid-template-columns:235px 1fr;gap:19px;margin-top:28px;align-items:start; }
.filter-panel { padding:18px;position:sticky;top:96px; } .filter-title {font:700 13px 'Space Grotesk';margin:0 0 13px;}
.filter-group {margin:0 0 21px;} .filter-group:last-child {margin:0;} .filter-label {font:500 10px 'DM Mono';color:#8996a5;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px;display:block;}
.filter-choice {display:block;padding:7px 0;color:#566478;font-size:12px;cursor:pointer;} .filter-choice input {accent-color:#00a9bd;margin:0 8px 0 0;}
.catalog-list {display:grid;gap:10px;} .catalog-card {padding:19px 21px;display:flex;align-items:flex-start;gap:15px;}
.catalog-card-content {min-width:0;flex:1;} .catalog-card h3 {font:700 17px 'Space Grotesk';margin:1px 0 6px;color:#213147;}
.catalog-card p {font-size:12px;color:#768497;line-height:1.6;margin:0 0 13px;}
.catalog-badges {display:flex;gap:7px;flex-wrap:wrap;} .badge {font:500 10px 'DM Mono';color:#657487;background:#f0f3f6;padding:5px 8px;border-radius:6px;}
.badge.easy {background:#e8f7ee;color:#238150;} .badge.medium {background:#fff4df;color:#a86b00;} .badge.hard {background:#ffebeb;color:#b74d4d;}
.card-side {display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0;}
.activity-detail-grid {display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px;align-items:start;margin-top:26px;}
.detail-content {display:grid;gap:16px;} .detail-block {padding:23px;} .detail-block h2 {font:700 18px 'Space Grotesk';margin:0 0 12px;}
.detail-block p,.detail-block li {font-size:13px;line-height:1.8;color:#59697d;}
.code-box {background:#111b2d;border-radius:12px;overflow:hidden;color:#d7e3f3;}
.code-head {padding:10px 14px;display:flex;justify-content:space-between;color:#8b9db5;background:#17243a;font:11px 'DM Mono';}
.code-box textarea {width:100%;min-height:175px;background:transparent;color:#d6e5f5;border:0;resize:vertical;outline:none;padding:16px;font:12px/1.8 'DM Mono',monospace;}
.code-note {padding:11px 14px;background:#fff8e7;color:#946300;border:1px solid #f4dfa7;border-radius:9px;font-size:11px;line-height:1.6;}
.hint {padding:13px 14px;border-left:3px solid #9a4bc7;background:#fbf7ff;color:#566278;font-size:12px;line-height:1.7;border-radius:0 9px 9px 0;margin:9px 0;}
.profile-hero {background:linear-gradient(124deg,#10182d 0%,#17223b 58%,#20234a 100%);color:white;border-radius:19px;padding:28px;display:flex;align-items:center;gap:19px;position:relative;overflow:hidden;flex-wrap:wrap;}
.profile-hero:after {content:"";position:absolute;width:180px;height:180px;border:1px solid #00d1ed5c;border-radius:50%;right:30px;top:-100px;box-shadow:0 0 0 22px #00d1ed0c,0 0 0 47px #ad51ff12;pointer-events:none;}
.profile-hero .avatar {width:67px;height:67px;border-radius:20px;background:#e6f9fb;color:#07899a;font-size:20px;flex:0 0 auto;}
.profile-hero h1 {font:700 26px 'Space Grotesk';margin:0 0 5px;} .profile-hero p {font-size:12px;color:#bdc8d7;margin:0;}
.profile-hero-copy {position:relative;z-index:1;flex:1;min-width:220px;}
.profile-hero-meta,.profile-hero-meta>span {display:flex;align-items:center;gap:7px;}
.profile-hero-meta {margin-top:12px;flex-wrap:wrap;color:#d4deeb;font-size:11px;}
.profile-hero-actions {position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;}
.profile-edit-button {border-color:#ffffff36;color:white;}
.role-chip {display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;background:#f0f4f8;color:#596a7e;font-size:10px;font-weight:700;white-space:nowrap;}
.role-certified {background:#e8f9f7;color:#127b76;}
.certification-label {display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:99px;background:#f4edfc;color:#7735a4;font-size:9px;font-weight:700;white-space:nowrap;}
.profile-network-grid {display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px;}
.profile-info-panel {padding:19px;}
.profile-section-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.profile-about {font-size:13px;line-height:1.8;color:#536275;margin:12px 0 16px;white-space:pre-line;}
.profile-detail-row {display:flex;align-items:center;gap:9px;margin-top:11px;color:#6b798c;font-size:11px;}
.profile-detail-row svg {color:#8b43bb;flex:0 0 auto;}
.profile-link {color:#177e8d;text-decoration:none;}
.profile-skills {margin-top:15px;}
.profile-certification,.certification-card {display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dcefee;background:#f4fbfa;border-radius:11px;color:#15847f;}
.profile-certification {margin-top:16px;}
.certification-card strong {display:block;color:#334458;font-size:11px;}
.certification-card p {margin:5px 0 0;font-size:10px;line-height:1.6;color:#718096;}
.profile-certification-hint {font-size:11px;color:#7e8b9b;margin-top:18px;line-height:1.6;}
.connections-panel {padding:19px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.connections-panel .section-title {margin-bottom:3px;}
.connection-people {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.connection-person {display:flex;align-items:center;gap:7px;font-size:11px;text-decoration:none;color:#34465a;}
.connection-person .avatar {width:31px;height:31px;border-radius:10px;font-size:10px;}
.profile-editor {margin-top:14px;padding:20px;}
.profile-editor-note {font-size:11px;color:#718096;line-height:1.6;margin:7px 0 14px;}
.profile-form-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.profile-form-wide {grid-column:1/-1;}
.profile-form-grid label {font-size:11px;color:#536275;}
.profile-editor textarea {min-height:90px;resize:vertical;}
.form-actions {display:flex;justify-content:flex-end;gap:9px;margin-top:15px;}
.profile-saved-note {margin-top:12px;}
.people-tools {display:grid;grid-template-columns:minmax(220px,1fr) 180px 220px;gap:14px;align-items:end;padding:16px;margin:21px 0;}
.people-filter {display:grid;gap:6px;font-size:10px;color:#6c7b8f;font-weight:700;}
.people-results-heading {display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.people-results-heading .section-title {margin-bottom:0;}
.member-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
.member-card {padding:18px;transition:transform .18s ease,border-color .18s ease;display:flex;flex-direction:column;align-items:flex-start;}
.member-card:hover {transform:translateY(-2px);border-color:#bedfe6;}
.member-card-head {display:flex;align-items:center;gap:10px;width:100%;margin-bottom:10px;}
.member-avatar {width:43px;height:43px;border-radius:14px;font-size:13px;flex:0 0 auto;}
.member-card-identity {display:grid;gap:4px;min-width:0;}
.member-name {font:700 13px 'Space Grotesk';color:#26364a;text-decoration:none;}
.member-location {display:flex;align-items:center;gap:4px;color:#7c899a;font-size:10px;}
.member-headline {font-size:12px;color:#657388;line-height:1.6;margin:8px 0 12px;min-height:36px;}
.member-skills {display:flex;gap:6px;flex-wrap:wrap;}
.member-skills .tag {margin:0;}
.member-availability {font-size:10px;color:#148079;background:#eff9f7;padding:7px 9px;border-radius:8px;margin:13px 0;}
.member-card-actions {display:flex;gap:8px;width:100%;margin-top:auto;padding-top:5px;}
.member-card-actions .btn {flex:1;justify-content:center;font-size:10px;padding:9px 10px;}
.public-profile-hero {padding:0;overflow:hidden;margin-bottom:15px;}
.public-profile-cover {height:118px;background:linear-gradient(110deg,#121a31,#1c3151 60%,#4e2870);position:relative;}
.public-profile-cover:after {content:"";position:absolute;width:145px;height:145px;right:12%;top:-70px;border:1px solid #27d4e457;border-radius:50%;box-shadow:0 0 0 18px #27d4e412,0 0 0 36px #a84cf012;}
.public-profile-main {display:flex;align-items:flex-end;gap:16px;padding:0 23px 20px;position:relative;flex-wrap:wrap;}
.public-avatar {width:78px;height:78px;border-radius:21px;margin-top:-32px;border:4px solid white;background:#effafe;color:#0c8993;font-size:21px;flex:0 0 auto;}
.public-profile-copy {flex:1;min-width:220px;padding-top:12px;}
.public-profile-copy h1 {font:700 24px 'Space Grotesk';margin:9px 0 4px;color:#213147;}
.public-profile-copy p {font-size:12px;color:#69788d;margin:0 0 8px;}
.role-row {display:flex;gap:7px;flex-wrap:wrap;}
.public-connect {margin:0 0 4px;}
.public-profile-grid {display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.profile-subheading {margin-top:21px;}
.public-project {font-size:16px;margin:9px 0;}
.availability-note {margin-top:13px;border-left:3px solid #13b5c3;padding:7px 10px;color:#13827f;font-size:10px;background:#f3fbfb;}
.certification-panel {grid-column:1/-1;}
.level-section {margin-top:23px;}
.level-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:15px 17px;background:linear-gradient(100deg,#f6f5fc,#f5fbfc);border:1px solid #e8eaf1;border-radius:13px;}
.level-section-heading h2 {font:700 17px 'Space Grotesk';color:#26364a;margin:4px 0;}
.level-section-heading p {font-size:11px;color:#748297;margin:0;}
.member-teaser {justify-content:flex-start;gap:9px;}
.member-teaser .avatar {width:30px;height:30px;border-radius:9px;font-size:9px;flex:0 0 auto;}
.member-teaser>span:nth-child(2) {display:grid;gap:3px;flex:1;}
.member-teaser strong {font-size:10px;color:#304258;}
.member-teaser small {font-size:9px;color:#8390a0;}
.progress-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0;}
.progress-stat {padding:17px 18px;} .progress-stat strong {font:700 27px 'Space Grotesk';color:#17334b;display:block;} .progress-stat span {font-size:11px;color:#8491a1;}
.profile-section { margin-top: 28px; }
.section-title { font: 700 22px 'Space Grotesk'; margin: 6px 0 14px; color: #213147; }
.language-progress-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.language-progress { padding:13px 15px; }
.language-progress-top { display:flex; justify-content:space-between; gap:8px; font-size:12px; margin-bottom:10px; }
.language-progress-top span { color:#718096; font:11px 'DM Mono'; }
.progress-track { height:6px; background:#edf1f5; border-radius:99px; overflow:hidden; margin-bottom:7px; }
.progress-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#00b9d1,#9138dc); }
.level-progress-grid,.achievement-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.level-progress { padding:16px; display:grid; gap:7px; }
.level-progress strong { font:700 14px 'Space Grotesk'; color:#26364a; }
.level-progress span { color:#78869a; font-size:11px; }
.achievement { padding:15px; display:flex; align-items:flex-start; gap:10px; color:#a3acb8; }
.achievement.unlocked { color:#8b42bf; background:#fbf7ff; border-color:#eadcf8; }
.achievement strong { color:#27364a; font-size:12px; }
.achievement p { margin:4px 0 0; color:#8491a1; font-size:10px; line-height:1.5; }
.achievement > span { margin-left:auto; font:10px 'DM Mono'; white-space:nowrap; }
.empty-state {padding:50px 24px;text-align:center;color:#79889a;} .empty-state h3 {color:#26374e;font:700 17px 'Space Grotesk';margin:13px 0 6px;} .empty-state p {font-size:12px;margin:0 0 16px;}
.modal-backdrop {position:fixed;inset:0;background:#101a2dbb;z-index:60;display:grid;place-items:center;padding:20px;}
.modal {width:min(540px,100%);background:white;border-radius:18px;padding:25px;box-shadow:0 20px 70px #0b162733;}
.modal h2 {font:700 22px 'Space Grotesk';margin:0 0 5px;} .modal p {font-size:12px;color:#748195;margin:0 0 18px;}
.form-stack {display:grid;gap:12px;} .form-actions {display:flex;justify-content:flex-end;gap:9px;margin-top:7px;}
.comment-row {padding:14px 0;border-top:1px solid #edf0f3;display:flex;gap:11px;} .comment-row p {font-size:12px;line-height:1.7;color:#5e6d80;margin:4px 0 0;}
.mobile-menu {display:none;}
@media(max-width:900px){.topbar-inner{gap:20px;padding:0 18px}.feed-layout,.activity-detail-grid{grid-template-columns:1fr}.feed-side{position:static;grid-template-columns:1fr 1fr}.catalog-layout{grid-template-columns:205px 1fr}.feed-side .sidebar-panel:last-child{display:none}.progress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.language-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people-tools{grid-template-columns:1fr 1fr}.people-tools .searchbox{grid-column:1/-1}}
@media(max-width:660px){.topbar{height:65px}.topbar-inner{padding:0 14px;gap:12px}.brand-mark{width:36px;height:36px}.brand-name{font-size:14px}.nav-links{display:none}.top-actions{gap:6px}.top-actions .btn{padding:9px 11px;font-size:11px}.mobile-menu{display:grid}.page-wrap{padding:24px 15px 60px}.hero-strip{padding:24px 21px}.feed-side{display:none}.feed-tools{align-items:flex-start;gap:10px;flex-direction:column}.post-card{padding:17px}.post-title{font-size:17px}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static}.filter-group{margin-bottom:13px}.catalog-card{padding:16px;gap:10px}.catalog-card h3{font-size:15px}.activity-detail-grid{margin-top:18px}.progress-grid{grid-template-columns:1fr 1fr}.language-progress-grid,.level-progress-grid,.achievement-grid,.profile-network-grid,.public-profile-grid,.member-grid{grid-template-columns:1fr}.profile-form-grid{grid-template-columns:1fr}.profile-form-wide{grid-column:auto}.people-tools{grid-template-columns:1fr}.people-tools .searchbox{grid-column:auto}.profile-hero{padding:22px 18px;align-items:flex-start}.profile-hero h1{font-size:22px}.profile-hero-actions{width:100%}.public-profile-main{padding:0 16px 17px;gap:12px}.public-profile-copy{min-width:150px}.public-connect{margin-left:90px}.level-section-heading{align-items:flex-start}.connections-panel{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Complementos de login e configuração do perfil — preservam o tema original */
.header-login { color:#d9e5f0; border-color:#ffffff35; background:#ffffff0c; }
.login-modal { max-width:430px; }
.login-modal h2 { color:#1d2b40; font-size:26px; margin:9px 0 6px; }
.login-modal>p { color:#718096; font-size:13px; line-height:1.6; margin:0 0 18px; }
.login-label { color:#536275; font-size:11px; font-weight:700; margin:3px 0 -5px; }
.login-error { color:#b64c4c; background:#fff0f0; border-radius:8px; padding:10px; font-size:11px; }
.login-disclaimer { color:#8a96a5; font-size:10px; line-height:1.6; text-align:center; }
.profile-name-level { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.profile-name-level h1 { margin:0; }
.profile-level-chip { display:inline-flex; align-items:center; gap:5px; border:1px solid #43d9e866; background:#00b9d128; color:#8ff4ff; border-radius:99px; padding:6px 10px; font:700 10px 'DM Mono',monospace; }
.profile-xp { display:flex; align-items:center; gap:10px; margin-top:11px; color:#c4d2e1; font:10px 'DM Mono',monospace; flex-wrap:wrap; }
.profile-xp-track { width:130px; height:6px; border-radius:99px; background:#ffffff25; overflow:hidden; }
.profile-xp-track span { display:block; height:100%; background:linear-gradient(90deg,#00c5d9,#a34ce2); border-radius:99px; }
.profile-config-summary { margin-top:14px; padding:17px 20px; }
.profile-config-summary strong { color:#26364c; font-size:13px; }
.profile-config-summary p { color:#68778c; font-size:12px; line-height:1.7; margin:7px 0; }
.profile-config-meta,.profile-config-skills { display:flex; flex-wrap:wrap; gap:12px; margin-top:10px; }
.profile-config-meta span { display:inline-flex; align-items:center; gap:5px; color:#7a8798; font-size:11px; }
.profile-config-skills { gap:6px; }
@media(max-width:720px){ .header-login { padding:9px 10px; } .topbar-inner { gap:12px; padding:0 14px; } .nav-links { gap:0; } .nav-link { padding:9px 8px; font-size:11px; } .profile-hero-actions { width:100%; } }


*{box-sizing:border-box} body{margin:0;background:var(--paper);font-family:Manrope,Arial,sans-serif;color:#182436}
button,input,textarea,select{font:inherit} button{cursor:pointer}
.login-modal{max-width:430px}.login-modal .input{margin-bottom:10px}
.hidden{display:none!important}.profile-inline{display:flex;gap:12px;align-items:center}
.profile-inline .avatar{width:42px;height:42px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.level-card{padding:16px}.level-card h3{font:700 14px 'Space Grotesk';margin:0 0 8px}
.level-line{height:7px;background:#edf1f5;border-radius:20px;overflow:hidden}.level-line span{display:block;height:100%;background:linear-gradient(90deg,#00b9d1,#9138dc)}
.profile-editor{display:grid;gap:12px}.profile-editor label{display:grid;gap:6px}.post-compose{display:grid;gap:10px}
@media(max-width:850px){.feed-layout,.catalog-layout,.activity-detail-grid{grid-template-columns:1fr}.feed-side{position:static}.catalog-layout .filter-panel{position:static}.topbar-inner{gap:12px;padding:0 14px}.nav-links{gap:0}.nav-link{padding:9px 8px;font-size:11px}.top-actions{gap:5px}.page-wrap{padding:25px 14px 60px}}
@media(max-width:560px){.topbar{height:auto;min-height:76px}.topbar-inner{flex-wrap:wrap;padding:12px}.top-actions{margin-left:auto}.feed-tools{align-items:flex-start;gap:10px;flex-direction:column}.tabs{max-width:100%;overflow:auto}.post-card{padding:16px}.profile-grid,.progress-grid,.language-progress-grid,.level-progress-grid,.achievement-grid{grid-template-columns:1fr 1fr}.profile-form-grid{grid-template-columns:1fr}.profile-form-wide{grid-column:auto}.catalog-card{flex-wrap:wrap}.card-side{flex-direction:row;align-items:center;flex-wrap:wrap}}