:root{--bg-deep:#0d1111;--bg-base:#111716;--bg-surface:#18211f;--bg-elevated:#202b28;--bg-overlay:#273430;--accent:#2f7d6b;--accent-hover:#3f927e;--accent-dim:#236252;--accent-2:#c49a47;--accent-3:#e2c06d;--accent-gradient:linear-gradient(135deg, #2f7d6b 0%, #c49a47 100%);--accent-gradient-vivid:linear-gradient(120deg, #e7d39b 0%, #79b09f 100%);--accent-gradient-warm:linear-gradient(120deg, #d1a65a 0%, #2f7d6b 100%);--accent-glow:0 0 0 #2f7d6b00;--text:#e0e6e2;--text-strong:#fff;--text-muted:#b5c0bb;--text-accent:#e3c271;--border:#e8eeea1f;--border-strong:#e8eeea38;--border-focus:#c49a47a8;--success:#6cc79f;--success-bg:#6cc79f29;--warning:#d3a44f;--warning-bg:#d3a44f2e;--danger:#ef6b6b;--danger-bg:#ef6b6b1f;--info:#79b09f;--glass-bg:#18211fe0;--glass-bg-strong:#121917f0;--glass-border:#e8eeea1a;--glass-border-highlight:#e8eeea2e;--glass-blur:18px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 10px 28px #0000006b;--shadow-lg:0 22px 56px #00000080;--shadow-glow:0 16px 36px -22px #000000b3;--shadow-glow-strong:0 22px 46px -24px #000000d1;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:26px;--radius-full:9999px;--ease-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease-out);--transition-base:.24s var(--ease-out);--transition-slow:.4s var(--ease-out);--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", ui-sans-serif, system-ui, sans-serif;color:var(--text);background:var(--bg-base);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;font-weight:500;line-height:1.65}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:0;color:var(--text-strong);margin:0}p{text-wrap:pretty}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-deep);min-width:320px;margin:0;position:relative;overflow-x:hidden}body:before,body:after{display:none}body:before{background:radial-gradient(circle,#2f7d6b38,#0000 68%);width:50vw;height:50vw;animation:26s ease-in-out infinite drift-a;top:-20vh;right:-10vw}body:after{background:radial-gradient(circle,#c49a472e,#0000 68%);width:46vw;height:46vw;animation:30s ease-in-out infinite drift-b;bottom:-24vh;left:-12vw}#root:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#e8eeea05 1px,#0000 1px),linear-gradient(90deg,#e8eeea05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 55% at 50% 0,#000 25%,#0000 72%);mask-image:radial-gradient(80% 55% at 50% 0,#000 25%,#0000 72%)}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}}button,input,select,textarea{letter-spacing:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}::selection{color:#fff;background:var(--accent-dim)}*{scrollbar-width:thin;scrollbar-color:#c49a477a transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#c49a4757 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#c49a478f padding-box padding-box}@keyframes fade-in-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #2f7d6b00}50%{box-shadow:0 0 #2f7d6b00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5vw,5vh)scale(1.1)}}@keyframes drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6vw,-4vh)scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dot-pulse{0%,to{box-shadow:0 0 #6cc79f73}70%{box-shadow:0 0 0 6px #6cc79f00}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes scroll-reveal{0%{opacity:0;transform:translateY(20px)}}.scroll-reveal{animation:linear backwards scroll-reveal;animation-timeline:view();animation-range:entry entry 20%}}}.gradient-text{background:var(--accent-gradient-vivid);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-top-color:var(--glass-border-highlight);box-shadow:0 4px 30px #0000002e}.text-muted{color:var(--text-muted)}.avatar{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;width:40px;height:40px;font-family:var(--font-heading);letter-spacing:0;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff38}.avatar--cyan{background:linear-gradient(135deg,#2f7d6b,#c49a47)}.avatar--lg{width:52px;height:52px;font-size:19px}.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2.6s ease-in-out infinite dot-pulse;display:inline-block}.badge{border-radius:var(--radius-full);color:var(--accent);background:#2f7d6b29;border:1px solid #c49a4747;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;transition:grid-template-columns .3s var(--ease-out);grid-template-columns:268px minmax(0,1fr);display:grid}.app-shell:has(.sidebar--collapsed){grid-template-columns:84px minmax(0,1fr)}.main-content{min-width:0;height:100vh;padding:32px 44px 64px;overflow-y:auto}.sidebar{border-right:1px solid var(--border);background:var(--glass-bg-strong);height:100vh;-webkit-backdrop-filter:blur(var(--glass-blur));transition:padding .3s var(--ease-out);flex-direction:column;gap:28px;padding:26px 18px;display:flex;position:sticky;top:0}.sidebar--collapsed{padding:26px 12px}.sidebar--collapsed .nav-link{justify-content:center;padding:12px}.sidebar--collapsed .nav-link span{display:none}.brand{align-items:center;gap:12px;display:flex}.brand-icon{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 1px #ffffff2e,0 6px 16px #00000052}.brand-text strong{color:var(--text-strong);font-family:var(--font-heading);letter-spacing:0;font-size:20px;font-weight:800;display:block}.brand-text span{color:var(--text-muted);margin-top:1px;font-size:13px;display:block}.nav-list{flex-direction:column;gap:4px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:11px;padding:11px 13px;font-size:15px;font-weight:700;text-decoration:none;display:flex;position:relative}.nav-link svg{transition:transform var(--transition-base)}.nav-link:hover{color:var(--text-strong);background:linear-gradient(90deg,#2f7d6b33,#c49a4714)}.nav-link:hover svg{color:var(--accent-2);transform:scale(1.08)}.nav-link:focus-visible{color:var(--text-strong);background:#2f7d6b2e;outline:none}.nav-section-label{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;padding-left:13px;font-size:12px;font-weight:700}.cat-scroll{flex-grow:1;padding-right:4px;overflow-y:auto}.cat-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cat-toggle{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:10px;padding:9px 13px;font-size:14.5px;display:flex}.cat-toggle:hover{color:var(--text);background:#ffffff08}.cat-toggle input{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:15px;height:15px}.cat-toggle.is-active{color:var(--text-accent);background:#2f7d6b2e;font-weight:700}.sidebar-credit{text-align:center;color:var(--accent-3);letter-spacing:0;margin-top:16px;font-size:12px;font-weight:700;line-height:1.5}.sidebar-collapse-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;place-items:center;padding:6px;display:grid}.sidebar-collapse-btn:hover{color:var(--text-strong);background:#ffffff0d}.topbar{animation:fade-in-up .6s var(--ease-out) backwards;justify-content:space-between;align-items:flex-start;gap:24px;padding:4px 0 30px;display:flex}.topbar__intro{min-width:0}.topbar h1{max-width:720px;color:var(--text-strong);letter-spacing:0;margin:10px 0 0;font-size:clamp(28px,2.8vw,42px);font-weight:800;line-height:1.16}.topbar__aside{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:16px;display:flex}.topbar__user{border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:11px;padding:7px 14px 7px 7px;display:flex}.topbar__user-text{flex-direction:column;line-height:1.25;display:flex}.topbar__user-text strong{color:var(--text-strong);font-size:15px;font-weight:800}.topbar__user-text span{color:var(--text-muted);font-size:13px}.eyebrow{color:var(--text-accent);letter-spacing:0;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.primary-btn,.submit-btn,.action-btn,.card-btn,.secondary-btn{border-radius:var(--radius-sm);cursor:pointer;font:inherit;white-space:nowrap;transition:transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base), border-color var(--transition-base), color var(--transition-base);border:0;justify-content:center;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.primary-btn,.submit-btn,.action-btn{color:#fff;background:var(--accent-gradient);background-size:180%;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 10px 20px -14px #000000c7}.primary-btn:after,.submit-btn:after,.action-btn:after{display:none}.primary-btn:hover,.submit-btn:hover,.action-btn:hover{background-position:100%;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff2e,0 16px 26px -18px #000000db}.primary-btn:hover:after,.submit-btn:hover:after,.action-btn:hover:after{transform:none}.primary-btn:active,.submit-btn:active,.action-btn:active{transform:translateY(0)scale(.97)}.primary-btn:disabled{cursor:not-allowed;filter:grayscale(.3);box-shadow:none;transform:none}.primary-btn:disabled:after{display:none}.card-btn,.secondary-btn{color:var(--text);border:1px solid var(--border-strong);background:#ffffff08}.card-btn:hover,.secondary-btn:hover{color:var(--text-strong);border-color:var(--border-focus);background:#2f7d6b29;transform:translateY(-1px)}.card-btn:active,.secondary-btn:active{transform:scale(.97)}.primary-btn{padding:13px 24px;font-size:15px}.secondary-btn{padding:12px 21px;font-size:15px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.metric-card{border-radius:var(--radius-md);background:linear-gradient(160deg, var(--bg-elevated), var(--bg-surface));border:1px solid var(--border);transition:all var(--transition-base);animation:fade-in-up .6s var(--ease-out) backwards;padding:22px;position:relative;overflow:hidden}.metric-card:first-child{animation-delay:60ms}.metric-card:nth-child(2){animation-delay:.12s}.metric-card:nth-child(3){animation-delay:.18s}.metric-card:nth-child(4){animation-delay:.24s}.metric-card:before{content:"";background:var(--accent-gradient);height:3px;position:absolute;top:0;left:0;right:0}.metric-card:after{display:none}.metric-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.metric-icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--accent);background:#2f7d6b33;place-items:center;margin-bottom:14px;display:grid;box-shadow:inset 0 0 0 1px #c49a473d}.metric-value{font-family:var(--font-heading);letter-spacing:0;color:var(--text-strong);font-size:38px;font-weight:800;line-height:1;display:block}.metric-label{color:var(--text-muted);margin:8px 0 0;font-size:14.5px;font-weight:650}.panel{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:22px;padding:26px;position:relative}.section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.section-header h2{color:var(--text-strong);letter-spacing:0;margin:7px 0 0;font-size:25px;font-weight:700;line-height:1.2}.select-field{width:min(360px,100%);color:var(--text-muted);text-transform:uppercase;letter-spacing:0;gap:6px;font-size:13px;font-weight:700;display:grid}label,.form-field{color:var(--text-muted);gap:7px;font-size:14px;font-weight:700;display:grid}.form-group{gap:8px;display:grid}.form-label{color:var(--text);font-size:14px;font-weight:700}input:not([type=checkbox]):not([type=radio]),select,textarea,.form-input,.form-select,.form-textarea{box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-strong);background:var(--bg-elevated);font:inherit;transition:all var(--transition-fast);font-size:16px;line-height:1.45}input:not([type=checkbox]):not([type=radio]),select,.form-input,.form-select{min-height:50px;padding:12px 15px}textarea,.form-textarea{resize:vertical;min-height:110px;padding:13px 14px}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);background:var(--bg-overlay);outline:none;box-shadow:0 0 0 4px #c49a472e}input:not([type=checkbox]):not([type=radio]):hover,.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-focus)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.78}.submit-btn{min-height:50px;padding:14px 20px;font-size:15px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.wide{grid-column:1/-1}.match-panel{background:linear-gradient(135deg, #2f7d6b1a, transparent 48%), var(--bg-surface)}.match-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:20px;display:grid}.challenge-card{border-radius:var(--radius-md);background:linear-gradient(150deg, #2f7d6b29, var(--bg-elevated) 58%);border:1px solid var(--border-strong);padding:24px}.challenge-card h3{color:var(--text-strong);margin:14px 0 10px;font-size:21px;font-weight:700;line-height:1.3}.challenge-card p{color:var(--text);margin:0;font-size:15.5px;line-height:1.7}.challenge-card dl{gap:12px;margin:22px 0 0;display:grid}.challenge-card dl div{border-bottom:1px solid var(--border);grid-template-columns:104px 1fr;gap:12px;padding-bottom:12px;display:grid}.challenge-card dl div:last-child{border-bottom:0;padding-bottom:0}.challenge-card dt{color:var(--text-muted);margin:0;font-size:14px;font-weight:700}.challenge-card dd{color:var(--text-strong);margin:0;font-size:14px;font-weight:700}.match-list{gap:14px;display:grid}.match-card{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);transition:all var(--transition-base);grid-template-columns:72px 1fr;gap:18px;padding:20px;display:grid}.match-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.score-ring{justify-content:center;align-items:center;display:flex;position:relative}.score-ring__value{color:var(--text-strong);font-size:15px;font-weight:800;font-family:var(--font-heading);position:absolute}.match-card__body h3{color:var(--text-strong);margin:0;font-size:18px;font-weight:800}.match-card__institution{color:var(--text-muted);margin:4px 0 0;font-size:14px}.match-card__reasons{color:var(--text);gap:4px;margin:10px 0 14px;padding-left:16px;font-size:14.5px;line-height:1.5;display:grid}.action-btn{width:fit-content;min-height:42px;padding:10px 17px;font-size:14px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.opportunity-card,.researcher-card{border-radius:var(--radius-md);background:linear-gradient(165deg, var(--bg-elevated), var(--bg-surface));border:1px solid var(--border);min-height:260px;transition:all var(--transition-base);flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden}.opportunity-card:before,.researcher-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:linear-gradient(135deg,#2f7d6b80,#c49a4757);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.opportunity-card:hover,.researcher-card:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-5px)}.opportunity-card:hover:before,.researcher-card:hover:before{opacity:1}.card-tag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0;width:fit-content;color:var(--accent);background:#2f7d6b2e;border:1px solid #c49a4747;align-items:center;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.card-tag--status{color:var(--success);background:var(--success-bg);border-color:#6cc79f57}.card-title{color:var(--text-strong);margin:14px 0 8px;font-size:20px;font-weight:800;line-height:1.32}.card-body{color:var(--text);flex:1;margin:0;font-size:15.5px;line-height:1.68}.card-chips{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.card-chip{border-radius:var(--radius-full);color:var(--text);border:1px solid var(--border);transition:all var(--transition-fast);background:#ffffff0a;padding:5px 11px;font-size:13px;font-weight:700}.card-chip:hover{border-color:var(--border-focus);color:var(--text-strong)}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.card-meta{flex-direction:column;gap:5px;display:flex}.card-meta span,.card-institution,.card-publications{color:var(--text-muted);align-items:center;gap:7px;font-size:14px;display:inline-flex}.card-btn{flex-shrink:0;min-height:42px;padding:10px 17px;font-size:14px}.connection-list{gap:12px;display:grid}.connection-item{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);transition:all var(--transition-base);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.connection-item:hover{border-color:var(--border-strong);border-left-color:var(--accent);box-shadow:var(--shadow-sm);transform:translate(3px)}.connection-info{align-items:center;gap:14px;min-width:0;display:flex}.connection-info strong{color:var(--text-strong);font-size:16px;font-weight:800;display:block}.connection-info span{color:var(--text-muted);margin-top:3px;font-size:14px;display:block}.connection-status{border-radius:var(--radius-full);flex-shrink:0;padding:6px 13px;font-size:13px;font-weight:700}.connection-status--invite{color:var(--accent-3);background:#c49a4729;border:1px solid #c49a4752}.connection-status--apply{color:var(--success);background:var(--success-bg);border:1px solid #6cc79f57}.empty-state{text-align:center;color:var(--text-muted);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px dashed var(--border-strong);flex-direction:column;align-items:center;gap:12px;padding:44px 32px;font-size:15.5px;display:flex}.empty-state__icon{border-radius:var(--radius-full);width:56px;height:56px;color:var(--accent);background:#2f7d6b2e;place-items:center;display:grid}.auth-screen{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-hero{background:linear-gradient(145deg, #2f7d6b33, #c49a4714 42%, transparent 72%), var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.auth-hero__brand{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.auth-hero__brand strong{font-family:var(--font-heading);color:var(--text-strong);letter-spacing:0;font-size:26px;font-weight:800}.auth-hero__center{z-index:1;max-width:460px;position:relative}.auth-hero__center h2{letter-spacing:0;color:var(--text-strong);font-size:clamp(34px,3.6vw,52px);font-weight:800;line-height:1.1}.auth-hero__center p{color:var(--text);margin:20px 0 0;font-size:18px;line-height:1.72}.auth-features{gap:16px;margin:36px 0 0;padding:0;list-style:none;display:grid}.auth-feature{color:var(--text);align-items:center;gap:14px;font-size:16px;font-weight:650;display:flex}.auth-feature__icon{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--accent);background:#2f7d6b33;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #c49a473d}.auth-hero__credit{z-index:1;color:var(--accent-3);letter-spacing:0;font-size:13px;font-weight:700;position:relative}.auth-panel{justify-content:center;align-items:center;padding:40px 32px;display:flex}.auth-card{border-radius:var(--radius-xl);background:var(--glass-bg-strong);border:1px solid var(--glass-border-highlight);width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:scale-in .5s var(--ease-spring) backwards;padding:40px}.auth-card__head{text-align:center;margin-bottom:28px}.auth-card__head h1{margin-bottom:6px;font-size:2.65rem}.role-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px;display:grid}.role-tab{border-radius:var(--radius-md);border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);background:#ffffff09;flex-direction:column;align-items:center;gap:11px;padding:18px 12px;font-size:15px;font-weight:600;display:flex}.role-tab:hover{color:var(--text);border-color:var(--border-focus);transform:translateY(-2px)}.role-tab.is-active{color:var(--text-strong);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 10px 24px -14px #000000c7;background:#2f7d6b2e}.role-tab.is-active svg{color:var(--accent)}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-terms{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:.94rem;line-height:1.45;display:flex}.auth-terms input{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px;margin-top:3px}.auth-terms a{color:var(--accent);font-weight:600;text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-switch{text-align:center;margin-top:22px}.auth-switch button{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:1rem;text-decoration:underline}.auth-switch button:hover{color:var(--text-accent)}.auth-disclaimer{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);text-align:center;background:#ffffff05;margin-top:26px;padding:16px;font-size:.88rem;line-height:1.55}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:9999;animation:fade-in .2s var(--ease-out);background:#030509b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:600px;max-height:90vh;animation:scale-in .32s var(--ease-spring);position:relative;overflow-y:auto}.modal-close{border-radius:var(--radius-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;place-items:center;display:grid;position:absolute;top:18px;right:18px}.modal-close:hover{color:var(--text-strong);border-color:var(--danger);background:#f8717124}.chat-window{border-radius:var(--radius-lg);background:var(--glass-bg-strong);width:384px;height:520px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-highlight);box-shadow:var(--shadow-lg);z-index:1000;animation:scale-in .3s var(--ease-spring);flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden}.chat-header{background:var(--bg-base);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px;display:flex}.chat-header__text{flex:1;min-width:0}.chat-header__text h3{color:var(--text-strong);margin:0;font-size:16px;font-weight:800}.chat-header__text p{color:var(--text-muted);align-items:center;gap:6px;margin:1px 0 0;font-size:13px;display:flex}.chat-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:none;font-size:1.4rem;line-height:1}.chat-close:hover{color:var(--text-strong);background:#ffffff0f}.chat-body{flex-direction:column;flex:1;gap:10px;padding:18px 16px;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius-md);max-width:82%;animation:scale-in .22s var(--ease-out);padding:9px 13px;font-size:15px;line-height:1.45}.chat-bubble--me{background:var(--accent-gradient);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 4px 12px -6px #000000c2}.chat-bubble--them{background:var(--bg-elevated);color:var(--text-strong);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.chat-empty{text-align:center;color:var(--text-muted);margin:auto;padding:0 20px;font-size:.95rem}.chat-form{border-top:1px solid var(--border);background:var(--bg-base);gap:9px;padding:12px;display:flex}.chat-input{flex:1;border-radius:var(--radius-full)!important;min-height:42px!important;padding:10px 16px!important}.chat-send{flex-shrink:0;width:44px;height:44px;border-radius:50%!important;padding:0!important}@media (width<=1120px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-shell:has(.sidebar--collapsed){grid-template-columns:minmax(0,1fr)}.main-content{height:auto;padding:20px 22px 48px}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:16px;min-width:0;height:auto;padding:16px 20px;position:static}.nav-list{flex-direction:row;flex:1;gap:4px}.cat-scroll{flex-grow:0;width:100%;min-width:0;overflow:hidden}.nav-section-label{margin-bottom:8px;padding-left:2px}.cat-list{scroll-snap-type:x proximity;flex-flow:row;gap:8px;padding-bottom:6px;overflow-x:auto}.cat-toggle{white-space:nowrap;border:1px solid var(--border);scroll-snap-align:start;flex-shrink:0}.cat-toggle input{display:none}.cat-toggle.is-active{border-color:var(--accent)}.sidebar-credit{flex-basis:100%;margin-top:4px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-layout,.auth-screen{grid-template-columns:1fr}.auth-hero{display:none}}@media (width<=720px){.main-content{padding:16px 16px 40px}.sidebar{padding:14px 16px}.topbar{flex-direction:column;align-items:stretch}.topbar__aside{align-items:stretch}.topbar__user{justify-content:flex-start}.topbar h1{letter-spacing:0;font-size:30px}.nav-list{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.nav-link span{white-space:nowrap}.metrics-grid,.cards-grid,.form-grid,.match-card{grid-template-columns:1fr}.score-ring{justify-self:center}.section-header{flex-direction:column;align-items:stretch}.select-field{width:100%}.connection-item{flex-direction:column;align-items:stretch}.connection-status{text-align:center}.card-footer{flex-direction:column;align-items:stretch}.card-btn{text-align:center;justify-content:center}.auth-card{padding:28px 22px}.chat-window{width:calc(100vw - 24px);height:70vh;bottom:12px;right:12px}}