*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafaf9;--text-primary: #1a1a1a;--text-secondary: rgba(0, 0, 0, .55);--text-tertiary: rgba(0, 0, 0, .3);--border-color: rgba(0, 0, 0, .1);--shadow: rgba(0, 0, 0, .1);--button-bg: #1a1a1a;--button-text: #ffffff;--button-hover-bg: #333333;--button-disabled-bg: #cccccc;--button-disabled-text: rgba(0, 0, 0, .3);--font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--text-body: 15px;--text-body-lg: 16px;--text-body-line: 1.5;--text-heading: 18px;--text-heading-lg: 20px;--text-heading-line: 1.4;--text-button: 14px;--text-button-line: 1.2;--text-input: 16px;--text-input-line: 1.5;--text-label: 12px;--radius-container: 24px;--radius-interactive: 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--input-height: 48px;--input-bg: #ffffff;--input-border: var(--border-color);--label-size: var(--text-label);--canvas-warm: #f5f4ef;--page-title-size: clamp(18px, 3vw, 20px)}html.dark-mode,.dark-mode{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #222222;--elevated-bg: #222222;--elevated-bg-2: #2a2a2a;--text-primary: #ececec;--text-secondary: rgba(255, 255, 255, .55);--text-tertiary: rgba(255, 255, 255, .3);--border-color: rgba(255, 255, 255, .12);--shadow: rgba(0, 0, 0, .5);--button-bg: #333333;--button-text: #ececec;--button-hover-bg: #444444;--button-disabled-bg: #2a2a2a;--button-disabled-text: rgba(255, 255, 255, .3);--canvas-warm: #1a1a1a;--input-bg: #222222;--input-border: rgba(255, 255, 255, .15)}.profile-status-badge,.profile-status-badge img{background:transparent}.profile-badge-tooltip{background:var(--canvas-warm);color:var(--text-primary)}html.dark-mode .profile-badge-tooltip{background:var(--elevated-bg-2);color:var(--text-primary);border:1px solid var(--border-color)}html.dark-mode .profile-badge-tooltip span{color:var(--text-primary)}.card-edit-button{background:transparent;border:none;border-radius:var(--space-sm);padding:4px 8px;cursor:pointer;font-size:var(--text-input);line-height:1;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;vertical-align:middle;position:relative;top:-1px}.card-edit-button:hover{background:var(--bg-secondary);border-color:var(--text-secondary);transform:scale(1.05)}.card-edit-button:active{transform:scale(.95)}.card-edit-button svg{display:block;color:var(--text-secondary)}.card-edit-button:hover svg{color:var(--text-primary)}html.dark-mode input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;background:var(--input-bg);border:2px solid var(--text-tertiary);border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}html.dark-mode input[type=checkbox]:checked{background:var(--button-bg);border-color:var(--button-bg)}html.dark-mode input[type=checkbox]:checked:after{content:"";width:5px;height:9px;border:solid var(--button-text);border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:3px}html.dark-mode input:not([type=checkbox]):not([type=radio]),html.dark-mode textarea,html.dark-mode select{border:1px solid var(--input-border)!important}html.dark-mode .form-group{margin-bottom:24px}html.dark-mode .form-group label{margin-bottom:10px;display:block}html.dark-mode input:-webkit-autofill,html.dark-mode input:-webkit-autofill:hover,html.dark-mode input:-webkit-autofill:focus,html.dark-mode input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text-primary)!important}body{margin:0;font-family:var(--font-stack);font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--text-body-line);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);height:100vh;height:100dvh;overflow:hidden;transition:background-color .3s ease,color .3s ease}#root{height:100vh;height:100dvh;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.App{height:100vh;height:100dvh;width:100%;display:flex;position:relative;animation:fadeIn .5s ease-in;overflow:hidden;flex-direction:column}.App.sign-in-page{background:#000;overflow:hidden;height:100vh;height:100dvh;width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;height:100vh;height:100dvh;width:100%}.auth-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.auth-loading-text{font-size:var(--text-body-lg);font-weight:var(--font-weight-medium);color:#fff;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invite-loading-container{display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;flex-direction:column;gap:var(--space-xl)}.invite-error-container{display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl);text-align:center}.invite-error-title{font-size:var(--page-title-size);font-weight:700;color:#f44336;margin-bottom:var(--space-md)}.invite-error-message{font-size:var(--text-body);color:#fff}.App:has([data-active-tab=profile]){overflow-y:auto;overflow-x:hidden}.error-banner{width:100%;flex-shrink:0;background:#000;color:#fff;padding:clamp(12px,2vw,18px) clamp(20px,4vw,40px);z-index:10000;box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease-out}.error-banner-content{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,15px);max-width:1200px;margin:0 auto;position:relative}.error-banner-message{flex:1;text-align:center;font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:var(--text-body-line)}.error-banner-close{background:#fff3;border:none;color:#fff;font-size:clamp(20px,3vw,28px);width:clamp(28px,4vw,36px);height:clamp(28px,4vw,36px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;line-height:1;padding:0}.error-banner-close:hover{background:#ffffff4d;transform:scale(1.1)}.error-banner-close:active{transform:scale(.92)}.error-banner-actions{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);flex-shrink:0}.error-banner-retry{background:#fff3;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:var(--text-button);line-height:var(--text-button-line);padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:var(--font-weight-medium);transition:background .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.main-content{flex:1;padding:0;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;width:100%;height:100%;overflow:hidden;text-align:center;box-sizing:border-box;position:relative;transition:padding-top .3s ease;background:var(--canvas-warm)}.main-nav{width:180px;min-width:180px;background:#f5f5f5;border-right:1px solid var(--border-color);border-radius:0 24px 24px 0;padding:20px 0;display:flex;flex-direction:column;gap:5px;transition:all .2s ease;flex-shrink:0;height:100%;box-sizing:border-box}html.dark-mode .main-nav{background:#0f0f0fe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-right-color:#ffffff1a}@supports not (backdrop-filter: blur(8px)){html.dark-mode .main-nav{background:#0f0f0f}}.main-nav-top{display:flex;flex-direction:column;gap:8px;padding:20px 8px 0;align-items:stretch}.main-nav-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:20px 8px;border-top:1px solid var(--border-color);align-items:stretch}html.dark-mode .main-nav-bottom{border-top-color:#ffffff1a}.main-nav-profile,.main-nav-logout{margin:0;border-top:none;padding-top:0;width:100%}.main-nav-item{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 12px;border:none;background:transparent;color:var(--text-tertiary);text-align:left;cursor:pointer;transition:all .2s ease;font-family:var(--font-stack);font-size:var(--text-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-left:3px solid transparent;border-radius:12px;margin:0 8px;width:calc(100% - 16px);box-sizing:border-box;outline:none}.main-nav-item:hover:not(.active){background:#0000000f;color:var(--text-primary)}.main-nav-item.main-nav-logout:hover{background:#f443361a;color:#f44336;border-left-color:#f44336}.main-nav-item:focus{outline:none;border-left-color:var(--text-primary);color:var(--text-primary)}.main-nav-item.main-nav-logout:focus{border-left-color:#f44336;color:#f44336}.main-nav-item.active{background:#00000014;color:var(--text-primary);border-left-color:var(--text-primary);font-weight:var(--font-weight-semibold);box-shadow:inset 0 1px 2px #0000000f}.main-nav-item.active:hover{background:#0000001a}.main-nav-item.active:active{box-shadow:inset 0 2px 4px #0000001a}html.dark-mode .main-nav-item{color:#ffffff80}html.dark-mode .main-nav-item:hover:not(.active){background:#ffffff14;color:var(--text-primary)}html.dark-mode .main-nav-item:focus{border-left-color:var(--text-primary);color:var(--text-primary)}html.dark-mode .main-nav-item.active{background:#ffffff1a;color:var(--text-primary);border-left-color:transparent;box-shadow:inset 0 1px 2px #0000004d}html.dark-mode .main-nav-item.active:hover{background:#ffffff24}html.dark-mode .main-nav-item.active:active{box-shadow:inset 0 2px 4px #0006}.main-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.main-nav-icon svg{display:block}.main-nav-text{flex:1;min-width:0;white-space:nowrap;line-height:1.4}.main-nav-badge{background:#dc2626;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;line-height:1;flex-shrink:0}.main-nav-collapse-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:4px 8px;margin:0 8px 4px;text-align:right;transition:color .2s;font-family:var(--font-stack)}.main-nav-collapse-btn:hover{color:var(--text-primary)}html.dark-mode .main-nav-collapse-btn{color:#fff6}html.dark-mode .main-nav-collapse-btn:hover{color:var(--text-primary)}.main-nav.collapsed{width:60px;min-width:60px}.main-nav.collapsed .main-nav-text{display:none}.main-nav.collapsed .main-nav-item{justify-content:center;align-self:center;padding:0;position:relative;width:44px;min-height:44px;height:44px;border-radius:10px;border-left:none;margin:0 auto}.main-nav.collapsed .main-nav-item.active{border-left:none}.main-nav.collapsed .main-nav-item:hover,.main-nav.collapsed .main-nav-item:focus{border-left:none}.main-nav.collapsed .main-nav-icon{width:auto}.main-nav.collapsed .main-nav-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;font-size:.55rem;padding:0 3px}.main-nav.collapsed .main-nav-collapse-btn{text-align:center}.main-content-area{flex:1;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;padding:clamp(10px,2vw,20px);box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary)}.main-content-area>*{animation:contentFadeIn .25s ease}.main-content-area[data-active-tab=job-search]{background:var(--canvas-warm);overflow:hidden;padding-bottom:0;display:flex;flex-direction:column;min-height:0}.main-content-area[data-active-tab=job-search]>div{flex:1;min-height:0;display:flex;flex-direction:column}.main-content-area[data-active-tab=network]{background:var(--canvas-warm);padding-top:clamp(10px,2vw,20px);padding-left:8px}.main-content-area[data-active-tab=profile],.main-content-area[data-active-tab=invite],.main-content-area[data-active-tab=pings]{background:var(--canvas-warm);padding-top:clamp(10px,2vw,20px)}.main-content-area[data-active-tab=mentor]{background:var(--canvas-warm);padding:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.main-content-area[data-active-tab=mentor]>div{flex:1;display:flex;flex-direction:column;min-height:0}.main-content:has(>[data-active-tab=profile]){padding-top:0}.app-footer{padding:16px 20px;text-align:center}.main-content-area[data-active-tab=mentor] .app-footer,.main-content-area[data-active-tab=job-search] .app-footer,.main-content-area[data-active-tab=network] .app-footer,.main-content-area[data-active-tab=pings] .app-footer{display:none}.app-footer-links{display:flex;gap:10px;justify-content:center;align-items:center;font-size:var(--text-label);color:var(--text-tertiary)}.app-footer-links a{color:var(--text-tertiary);text-decoration:none;transition:color .2s ease}.app-footer-links a:hover{color:var(--text-primary)}.app-footer-links .separator{opacity:.4;color:var(--text-tertiary);cursor:default}.main-content .profile-form-section{padding-top:0;margin-top:0;align-items:flex-start}.welcome-landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;max-width:1200px;width:100%;margin:0 auto;padding:20px;overflow:hidden}.welcome-section{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:0;position:relative;text-align:center}.welcome-title-section{min-height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:5px;flex-shrink:0;width:100%;text-align:center;position:relative;z-index:1}.welcome-title-section .typewriter-container{font-size:var(--text-heading-lg);color:var(--text-secondary);font-weight:var(--font-weight-regular);text-align:center;white-space:nowrap;width:900px;max-width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}@media(max-width:1024px){.welcome-title-section .typewriter-container{white-space:normal;font-size:var(--text-heading-lg)}}.welcome-title{font-size:var(--text-heading-lg);color:var(--text-secondary);margin-bottom:20px;font-weight:var(--font-weight-semibold)}.welcome-tagline-section{margin-bottom:40px;min-height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;text-align:center;position:relative;z-index:1}.welcome-tagline-section .typewriter-container{font-size:var(--text-heading);color:var(--text-tertiary);font-weight:var(--font-weight-regular);font-style:italic;text-align:center;white-space:nowrap;width:900px;max-width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}@media(max-width:1024px){.welcome-tagline-section .typewriter-container{white-space:normal;font-size:var(--text-body-lg)}}.welcome-tagline{font-size:var(--text-body-lg);color:var(--text-tertiary);font-weight:var(--font-weight-regular);font-style:italic;text-align:center;margin:0}.welcome-subtitle-section{min-height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.welcome-subtitle-section .typewriter-container{font-size:var(--text-body-lg);color:var(--text-tertiary);text-align:center}.welcome-subtitle{font-size:var(--text-body-lg);color:var(--text-tertiary);margin-bottom:40px}.welcome-join-section{display:flex;justify-content:center;margin-top:0;margin-bottom:0;width:100%;min-height:70px;visibility:hidden;opacity:0;transition:opacity .5s ease,visibility .5s ease}.welcome-join-section.visible{visibility:visible;opacity:1;animation:fadeInUp .5s ease}.welcome-join-button{display:flex;align-items:center;justify-content:center;padding:20px 40px;border:2px solid var(--button-bg);border-radius:15px;background:var(--button-bg);cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 2px 10px var(--shadow)}.welcome-join-button:hover{border-color:var(--button-hover-bg);background:var(--button-hover-bg);box-shadow:0 4px 15px var(--shadow);transform:translateY(-2px)}.welcome-join-button:active{transform:scale(.98)}.welcome-join-text{font-size:var(--text-heading);font-weight:var(--font-weight-semibold);line-height:var(--text-heading-line);color:var(--button-text);transition:color .3s ease}.welcome-join-form-section{width:100%;max-width:400px;margin:0 auto;animation:fadeInUp .5s ease;padding:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media(max-width:1024px){.welcome-join-form-section{max-width:100%;padding:0 15px}.join-form-message{font-size:var(--text-body);padding:0 10px;white-space:normal}}.join-form-message{font-size:var(--text-body-lg);color:var(--text-tertiary);text-align:center;margin-bottom:25px;font-weight:var(--font-weight-regular);padding:0;line-height:var(--text-body-line);width:100%;max-width:100%;box-sizing:border-box;white-space:nowrap}.join-form{display:flex;flex-direction:column;gap:var(--space-xl);width:100%;margin:0;padding:0}.join-form+.join-form{margin-top:20px}.join-form .form-group{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;margin:0;padding:0}.join-form .form-group label{font-size:var(--text-label);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);text-align:center;margin:0;padding:0}.join-form-input{padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-interactive);font-size:var(--text-input);line-height:var(--text-input-line);transition:all .3s ease;background:var(--input-bg);text-align:center}.join-form-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 3px var(--shadow)}.join-form-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:10px;width:100%}.join-form-actions>button{grid-column:2;justify-self:center}.verify-otp-button-wrapper{display:flex;justify-content:center;grid-column:2}.otp-countdown{font-size:var(--text-body);color:var(--text-tertiary);font-weight:var(--font-weight-medium);grid-column:3;justify-self:end;white-space:nowrap}.welcome-options-section{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;animation:fadeInUp .5s ease;width:100%;max-width:100%}.welcome-option-button{display:flex;align-items:center;justify-content:center;padding:20px 40px;border:2px solid var(--button-bg);border-radius:15px;background:var(--button-bg);cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 2px 10px var(--shadow)}.welcome-option-button:hover{border-color:var(--button-hover-bg);background:var(--button-hover-bg);box-shadow:0 4px 15px var(--shadow);transform:translateY(-2px)}.welcome-option-button:active{transform:scale(.98)}.welcome-option-text{font-size:var(--text-button);line-height:var(--text-button-line);font-weight:var(--font-weight-medium);color:var(--button-text);transition:color .3s ease}.profile-form-section{width:100%;max-width:100%;margin:0;padding:0;display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;overflow:visible;flex:1;min-width:0;height:100%;min-height:0}.main-content .profile-form-section{margin-top:0;padding-top:0}.profile-form-section>*{width:100%;max-width:100%;box-sizing:border-box}.resume-upload-section{width:100%}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;max-width:1200px;width:100%;margin:0 auto;padding:20px;overflow:hidden}.typewriter-section{margin-bottom:40px;display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0}.options-section{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;animation:fadeInUp .5s ease;flex-shrink:0}.options-section button,.options-section button *{color:var(--button-text)!important}.option-button{display:flex;align-items:center;justify-content:center;padding:25px 40px;border:2px solid var(--button-bg);border-radius:15px;background:var(--button-bg)!important;cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 2px 10px var(--shadow);color:var(--button-text)!important;font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button.option-button,.option-button,.option-button *,.option-button span,.option-button .option-text{color:var(--button-text)!important}.option-button:hover{border-color:var(--button-hover-bg);background:var(--button-hover-bg);color:var(--button-text)!important;transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow)}.option-button:hover *{color:var(--button-text)!important}.option-button:active{transform:scale(.98)}.option-text{font-size:var(--text-button);line-height:var(--text-button-line);font-weight:var(--font-weight-medium);color:var(--button-text)!important;transition:color .3s ease;display:block;pointer-events:none}.option-job{color:var(--button-text)!important;background:var(--button-bg)!important}.option-job,.option-job *,.option-job span,.option-job .option-text,button.option-job,button.option-job span,button.option-job .option-text{color:var(--button-text)!important}.option-job:hover{background:var(--button-hover-bg);color:var(--button-text)!important}.option-job:hover *{color:var(--button-text)!important}.option-candidate{color:var(--button-text)!important;background:var(--button-bg)!important}.option-candidate,.option-candidate *,.option-candidate span,.option-candidate .option-text,button.option-candidate,button.option-candidate span,button.option-candidate .option-text{color:var(--button-text)!important}.option-candidate:hover{background:var(--button-hover-bg);color:var(--button-text)!important}.option-candidate:hover *{color:var(--button-text)!important}.upload-section{flex:1;max-width:1200px;width:100%;margin-left:auto;margin-right:auto;overflow-y:auto;padding:10px}.blank-page{flex:1;width:100%;height:100%;background:var(--bg-primary)}.resume-upload-message-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;max-width:1200px;width:100%;margin:0 auto}.resume-upload-option-section{margin-top:40px;width:100%;max-width:600px;animation:fadeInUp .5s ease}@media(max-width:1024px){.main-content{flex-direction:column;padding:0}.main-nav{width:100%;min-width:100%;height:auto;flex-direction:row;align-items:center;justify-content:center;padding:0;border-right:none;border-top:1px solid var(--border-color);border-bottom:none;border-radius:18px 18px 0 0;order:1;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#f5f5f5;flex-shrink:0;overflow-x:hidden;overflow-y:hidden;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-content-area{height:auto;min-height:0;flex:1;order:0;padding:15px 10px 60px}.main-content-area[data-active-tab=mentor]{padding:0 0 60px}.main-nav-top,.main-nav-bottom{display:contents}.main-nav-collapse-btn{display:none}.main-nav.collapsed{width:100%;min-width:100%}.main-nav.collapsed .main-nav-text{display:block}.main-nav.collapsed .main-nav-item{justify-content:center;padding:0 8px}.main-nav-item{flex:1 1 0;min-width:0;height:auto;border-left:none;border-bottom:3px solid transparent;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center;padding:8px 2px;margin:0;width:auto;font-size:clamp(9px,1.8vw,13px)}.main-nav-item{position:relative}.main-nav-icon{width:18px;height:18px}.main-nav-icon svg{width:16px;height:16px}.main-nav-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;font-size:.5rem;padding:0 3px}.main-nav-text{font-size:clamp(8px,1.6vw,11px);letter-spacing:.03em;white-space:nowrap;overflow:visible}.main-nav-item.active{border-left:none;border-bottom-color:var(--text-primary)}.main-nav-item:focus{border-left:none;border-bottom-color:var(--text-primary);outline:none}.main-nav-item.main-nav-logout:hover{border-left:none;border-bottom-color:#f44336;background:#f443361a;color:#f44336}.main-nav-item.main-nav-logout:focus{border-left:none;border-bottom-color:#f44336;color:#f44336}html.dark-mode .main-nav{background:#0f0f0f;border-top-color:#ffffff1a;border-right:none;border-bottom:none}html.dark-mode .main-nav-bottom{border-top:none}html.dark-mode .main-nav-item{border-left:none}html.dark-mode .main-nav-item.active{border-left:none;border-bottom-color:var(--text-primary)}html.dark-mode .main-nav-item:hover:not(.active){border-left:none}html.dark-mode .main-nav-item:focus{border-left:none;border-bottom-color:var(--text-primary)}html.dark-mode .main-nav-item.main-nav-logout:hover{border-left:none;border-bottom-color:#f87171}html.dark-mode .main-nav-item.main-nav-logout:focus{border-left:none;border-bottom-color:#f87171}.app-footer{padding:12px 16px}.landing-page{padding:15px 10px}.typewriter-section{margin-bottom:30px}.options-section{flex-direction:column;gap:15px}.option-button{min-width:180px;padding:20px 30px}.option-text{font-size:var(--text-button)}}@media(max-width:480px){.main-nav-item{height:48px;font-size:clamp(8px,2.2vw,11px);letter-spacing:.02em;padding:4px 2px}.main-nav-text{font-size:clamp(7px,2vw,10px);white-space:nowrap;overflow:visible;display:block;text-align:center}.main-content-area{padding:10px 8px 56px}}.sign-in-container{position:fixed;inset:0;min-height:100vh;width:100%;max-width:100vw;display:flex;align-items:center;justify-content:center;background:#000;z-index:1;overflow:hidden;box-sizing:border-box}.sign-in-background{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.sign-in-branding{position:absolute;top:0;left:0;z-index:10;margin:32px 40px}.sign-in-brand-logo{font-family:var(--font-stack);font-size:var(--text-body-lg);font-weight:800;letter-spacing:.35em;color:#fff;text-transform:uppercase}.sign-in-card-wrapper{position:relative;z-index:5;display:grid;place-items:center;width:100%;height:100%;padding:20px;box-sizing:border-box}.sign-in-card{width:100%;max-width:420px;background-color:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;padding:48px 40px;box-shadow:0 15px 35px #0006;animation:fadeInUp .4s ease;box-sizing:border-box;text-align:center}@supports not (backdrop-filter: blur(8px)){.sign-in-card{background-color:var(--bg-primary)}}.sign-in-content{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.sign-in-title{font-size:var(--text-heading-lg);font-weight:700;color:var(--text-primary);margin:0;text-align:center}.sign-in-form{width:100%;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.sign-in-form .form-group{margin:0;display:flex;flex-direction:column;gap:0;text-align:center}.sign-in-form label{display:block;font-size:var(--text-label);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 8px;text-align:center}.sign-in-input{width:100%;height:48px;padding:0 clamp(12px,2vw,16px);font-size:clamp(14px,2vw,16px);border:1px solid var(--border-color);border-radius:var(--radius-interactive);transition:all .2s ease;box-sizing:border-box;background:var(--input-bg);color:var(--text-primary)}input[type=text].sign-in-input,input[type=email].sign-in-input{height:48px;border:1px solid #E5E5E5}.sign-in-otp-input{text-align:center;letter-spacing:12px;font-size:var(--text-heading);font-weight:600}.sign-in-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 3px #0000001a}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#000!important}.input-error{border:1px solid #f44336!important;box-shadow:0 0 0 3px #f443361a!important;height:48px}.input-error-message{display:block;font-size:var(--text-button);color:#f44336;margin:8px 0 0;padding:8px 12px;background-color:#f443361a;border-radius:var(--space-sm);text-align:left;font-weight:500;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.verification-message{background:transparent;padding:0;text-align:center;color:var(--text-tertiary);font-size:var(--text-body);margin:0 0 24px}.verification-message .link-edit{color:var(--text-primary);text-decoration:underline;cursor:pointer;transition:opacity .2s ease}.verification-message .link-edit:hover{opacity:.7}.sign-in-button{width:100%;height:48px;padding:0 clamp(14px,2vw,18px);font-size:var(--text-button);font-weight:600;color:var(--button-text);background:var(--button-bg);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sign-in-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:var(--button-hover-bg);height:48px}.sign-in-button:active{transform:scale(.98);height:48px}.sign-in-button:disabled{background-color:#605e5e;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.sign-in-button:disabled:hover{background-color:#e5e5e5;transform:none}.sign-in-link{background:none;border:none;color:var(--text-primary);font-size:clamp(14px,2vw,16px);cursor:pointer;text-decoration:underline;padding:0;transition:color .3s ease}@media(prefers-color-scheme:dark){.sign-in-card{background-color:#ffffffe6}.sign-in-title{color:#000}.sign-in-form label{color:#666}.sign-in-input{background:#fff;color:#000;border-color:#e5e5e5}.sign-in-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a}.verification-message{color:#666}.verification-message .link-edit{color:#000}.sign-in-button{background:#000;color:#fff}.sign-in-button:hover{background:#222}.sign-in-button:disabled{background-color:#605e5e;color:#999}.otp-countdown{color:#000!important}.sign-in-link{color:#000}.sign-in-link:hover{color:#333}}@media(max-width:768px){.sign-in-card{max-width:100%;padding:40px 32px;border-radius:var(--radius-container);gap:1.25rem}.sign-in-content,.sign-in-form{gap:1.25rem}.sign-in-branding{margin:20px 24px}.sign-in-brand-logo{font-size:var(--text-body)}.invite-page-footer{padding:12px 16px}.invite-footer-links{font-size:var(--text-label);gap:8px}}.network-animation-container{width:100%;height:100%;position:relative;overflow:hidden;background:#000}.network-canvas{width:100%;height:100%;display:block}.error-banner{position:fixed;top:0;left:0;right:0;width:100%;background:#dc3545;color:#fff;padding:12px 20px;z-index:10000;box-shadow:0 2px 8px #0003;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.error-banner-content{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto}.error-banner-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.error-banner-retry{background:#fff3;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:var(--text-body);padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease}.error-banner-retry:hover{background:#ffffff4d}.error-banner-retry-inline{display:inline;margin-left:8px;padding:2px 10px;vertical-align:baseline;font-size:inherit}.error-banner-icon{font-size:var(--text-heading);flex-shrink:0}.error-banner-message{flex:1;font-size:var(--text-body);line-height:1.4}.error-banner-close{background:transparent;border:none;color:#fff;font-size:var(--text-heading);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--space-sm);transition:background-color .2s ease;flex-shrink:0}.error-banner-close:hover{background:#ffffff1a}.error-banner-close:active{background:#fff3}.error-banner-close:focus-visible{outline:2px solid #ffffff;outline-offset:2px}html.dark-mode .error-banner{background:#b91c1c;color:#ececec}.invite-page{position:fixed;inset:0;min-height:100vh;width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:1;overflow:hidden;box-sizing:border-box;padding:20px 20px 80px}.invite-page-background{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;z-index:1}.invite-page-content{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;box-sizing:border-box}.welcome-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px}.invite-title{font-size:var(--text-heading-lg);font-weight:700;color:#fff;margin:0;line-height:1.2;white-space:nowrap;min-height:1.2em}.invite-subtitle{font-size:var(--text-body-lg);font-weight:400;color:#ffffffb3;margin:0;line-height:1.5;text-align:center}.invite-subtitle-typewriter{animation:inviteSubtitleFadeIn .6s ease}@keyframes inviteSubtitleFadeIn{0%{opacity:0}to{opacity:1}}.agreement-modal{background-color:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;padding:48px 40px;max-width:500px;width:100%;box-shadow:0 15px 35px #0006;animation:fadeInUp .4s ease;box-sizing:border-box;text-align:center;position:relative;z-index:5;margin:0 auto}.agreement-modal:has(.auth-form){max-width:420px}@supports not (backdrop-filter: blur(8px)){.agreement-modal{background-color:#fff}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agreement-welcome-title{font-size:var(--text-heading-lg);font-weight:700;color:var(--text-primary);margin-bottom:16px;text-align:center}.agreement-instruction{font-size:var(--text-body);font-weight:400;color:var(--text-tertiary);margin-bottom:32px;line-height:1.5;text-align:center}.agreement-checkboxes{display:flex;flex-direction:column;gap:20px;margin-bottom:32px;align-items:flex-start;text-align:left}.agreement-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--text-body);color:var(--text-primary);-webkit-user-select:none;user-select:none;line-height:1.5}.agreement-checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:var(--button-bg);flex-shrink:0;margin:0}.agreement-checkbox-text{flex:1;line-height:1.5}.agreement-link{color:var(--text-primary);text-decoration:underline;cursor:pointer;transition:opacity .2s ease}.agreement-link:hover{opacity:.7}.agree-button{width:100%;padding:14px 30px;font-size:var(--text-body-lg);font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.agree-button.enabled{background-color:var(--button-bg);color:var(--button-text)}.agree-button.enabled:hover{background-color:var(--button-hover-bg);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.agree-button.enabled:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.agree-button.disabled{background-color:#e5e5e5;color:#999;cursor:not-allowed;opacity:.6}.agreement-section{display:flex;flex-direction:column;gap:20px;align-items:flex-start;width:100%;max-width:400px;margin:40px auto}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--text-body-lg);color:#fff;-webkit-user-select:none;user-select:none}.agreement-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--button-bg, #000000)}.checkbox-label:hover{opacity:.8}.join-button{margin-top:0;padding:0 50px;height:var(--input-height);font-size:var(--text-heading);font-weight:600;border:none;border-radius:var(--radius-interactive);cursor:pointer;transition:all .2s ease;min-width:150px;display:flex;align-items:center;justify-content:center}.join-button.enabled{background-color:#fff;color:#000;border:1px solid #FFFFFF}.join-button.enabled:hover{background-color:#ffffffe6;color:#000;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d}.join-button.enabled:active{transform:scale(.98);box-shadow:0 2px 8px #0000001a}.join-button.disabled{background-color:var(--border-color, #cccccc);color:var(--text-secondary, #999999);cursor:not-allowed;opacity:.6}.authentication-section{width:100%;max-width:500px;margin:0 auto}.auth-title{font-size:var(--text-heading-lg);font-weight:600;color:#fff;margin-bottom:40px;text-align:center}.auth-form-title{font-size:var(--text-heading-lg);font-weight:700;color:#1a1a1a;margin:0 0 .75rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.contact-label{font-size:var(--text-body);font-weight:500;color:var(--text-primary);text-transform:capitalize;margin-bottom:4px}.contact-input-disabled{width:100%;padding:14px 16px;border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-interactive);background-color:#0000000d;color:#000000b3;font-size:var(--text-body);cursor:not-allowed;opacity:.7;box-sizing:border-box}.contact-input-disabled:focus{outline:none;border-color:#0000004d}.send-otp-button,.verify-otp-button{width:100%;padding:14px 30px;font-size:var(--text-body-lg);font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;background-color:var(--button-bg);color:var(--button-text);margin-top:0;text-transform:uppercase;letter-spacing:.05em}.send-otp-button:hover,.verify-otp-button:hover{background-color:var(--button-hover-bg);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.send-otp-button:active,.verify-otp-button:active{transform:scale(.98);box-shadow:0 2px 8px #0000001a}.send-otp-button:disabled,.verify-otp-button:disabled{background-color:#e5e5e5;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.send-otp-button:disabled:hover,.verify-otp-button:disabled:hover{background-color:#e5e5e5;transform:none}.form-group label{display:block;font-size:var(--label-size);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 8px;text-align:left}.verification-message{background:transparent;padding:0;text-align:center;color:var(--text-secondary);font-size:var(--text-body);margin:0 0 8px}.otp-input{width:100%;height:48px;padding:0 clamp(12px,2vw,16px);font-size:var(--text-input);border:1px solid var(--border-color);border-radius:var(--radius-interactive);transition:all .2s ease;box-sizing:border-box;background:var(--input-bg);color:var(--text-primary);text-align:center;letter-spacing:12px;font-weight:600}.otp-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 3px #0000001a}.sign-in-actions{display:flex;flex-direction:column;gap:12px;align-items:center;margin:0;text-align:center}.otp-countdown{font-size:var(--text-button);color:var(--text-primary)!important;text-align:center}.sign-in-link{background:none;border:none;color:var(--text-primary);font-size:var(--text-input);cursor:pointer;text-decoration:underline;padding:0;transition:color .3s ease}.sign-in-link:hover{color:var(--text-secondary)}.sign-in-link:disabled{color:#999;cursor:not-allowed;text-decoration:none}.sign-in-link:disabled:hover{color:#999}.success-section{width:100%;max-width:700px;margin:0 auto;text-align:center}.success-title{font-size:var(--text-heading-lg);font-weight:700;color:#fff;margin-bottom:var(--space-3xl);line-height:1.3;min-height:3em}.redirect-message{font-size:var(--text-body-lg);color:#ffffffb3;margin-top:30px;font-weight:500}@media(max-width:768px){.success-title{font-size:var(--text-heading);min-height:4em}.redirect-message{font-size:var(--text-body)}}.invite-page-footer{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#141414e6;padding:16px 20px;z-index:10;border-top:1px solid rgba(255,255,255,.1)}.invite-footer-links{display:flex;gap:12px;justify-content:center;align-items:center;font-size:var(--text-body);color:#fff9;text-align:center;flex-wrap:wrap}.invite-footer-links span{cursor:pointer;transition:opacity .2s ease}.invite-footer-links a{color:#fff9;text-decoration:underline;cursor:pointer;transition:opacity .2s ease,color .2s ease}.invite-footer-links a:hover{opacity:1;color:#ffffffe6}.invite-footer-links span:not(.separator):hover{opacity:1;color:#ffffffe6}.invite-footer-links .separator{cursor:default;opacity:.4;color:#fff6}@media(max-width:768px){.invite-page{padding-bottom:70px}.invite-title{font-size:var(--text-heading-lg)}.personal-message{font-size:var(--text-body)}.invite-page-footer{padding:12px 16px}.invite-footer-links{font-size:var(--text-label);gap:8px}}.resume-preview-page{min-height:100vh;display:flex;flex-direction:column;background:#e8e8e8!important;color:#1a1a1a!important}.resume-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff!important;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;color:#333!important}.resume-preview-title{margin:0;font-size:var(--text-heading);font-weight:600;color:#333}.resume-preview-close{padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all .2s ease}.resume-preview-close:hover{background:#f3f4f6;border-color:#9ca3af}.resume-preview-body{flex:1;overflow:auto;padding:24px;background:#e8e8e8!important}.resume-preview-loading{padding:60px 20px;text-align:center;color:#6b7280;font-size:var(--text-body-lg)}.resume-preview-error{padding:24px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;max-width:500px;margin:0 auto}.resume-preview-error-hint{margin:12px 0 0;font-size:var(--text-body)}.resume-preview-error-hint a{color:#2563eb;text-decoration:underline}.resume-preview-container{max-width:800px;margin:0 auto;padding:32px;background:#e8e8e8!important;border-radius:0;box-shadow:none;min-height:200px}.resume-preview-container [class*=-wrapper]{background:transparent!important;padding:0!important;box-shadow:none!important}.resume-preview-container [class*=-wrapper]>section,.resume-preview-container section[class*=docx]{background:#fff!important;box-shadow:none!important;margin-bottom:24px}.resume-preview-container .docx-preview-content{background:#fff!important;box-shadow:none!important}.resume-preview-container .docx-preview-content{font-size:var(--text-button);line-height:1.5;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.resume-preview-container .docx-preview-content p,.resume-preview-container .docx-preview-content li,.resume-preview-container .docx-preview-content span,.resume-preview-container .docx-preview-content td,.resume-preview-container .docx-preview-content th{color:inherit}.resume-preview-container .docx-preview-content table{border-collapse:collapse;width:100%;background:#fff!important}.resume-preview-container .docx-preview-content td,.resume-preview-container .docx-preview-content th{border:1px solid var(--border-color);padding:6px 10px;text-align:left}.theme-toggle-pill{position:relative;width:68px;height:34px;border-radius:17px;border:none;cursor:pointer;overflow:hidden;padding:0;transition:background .4s ease,box-shadow .4s ease;-webkit-tap-highlight-color:transparent;outline:none}.theme-toggle-pill:focus-visible{outline:2px solid #5b9cf6;outline-offset:2px}.theme-toggle-pill--dark{background:linear-gradient(135deg,#1a1f3b,#2a3150 40%,#3b4570);box-shadow:0 2px 8px #00000059,inset 0 1px 3px #00000040}.theme-toggle-pill--light{background:linear-gradient(135deg,#b0b3b8,#c8cbcf,#e0e2e5);box-shadow:0 2px 8px #0000001f,inset 0 1px 3px #0000000f}.theme-toggle-stars{position:absolute;inset:0;pointer-events:none;transition:opacity .4s ease}.theme-toggle-pill--light .theme-toggle-stars{opacity:0}.theme-toggle-pill--dark .theme-toggle-stars{opacity:1}.theme-star{position:absolute;background:#fff;border-radius:50%}.theme-star--1{width:2px;height:2px;top:8px;left:10px;box-shadow:0 0 2px 1px #fff9;animation:twinkle 3s ease-in-out infinite}.theme-star--2{width:3px;height:3px;top:18px;left:20px;box-shadow:0 0 3px 1px #ffffff80;animation:twinkle 2.5s ease-in-out .8s infinite}.theme-star--3{width:2px;height:2px;top:6px;left:28px;box-shadow:0 0 2px 1px #ffffff80;animation:twinkle 4s ease-in-out .4s infinite}.theme-star--4{width:1.5px;height:1.5px;top:24px;left:8px;box-shadow:0 0 2px 1px #fff6;animation:twinkle 3.5s ease-in-out 1.2s infinite}.theme-star--5{width:2px;height:2px;top:14px;left:6px;box-shadow:0 0 2px 1px #ffffff80;animation:twinkle 2.8s ease-in-out .6s infinite}.theme-star--6{width:1.5px;height:1.5px;top:26px;left:30px;box-shadow:0 0 2px 1px #ffffff59;animation:twinkle 3.2s ease-in-out 1.5s infinite}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.theme-toggle-knob{position:absolute;top:3px;width:28px;height:28px;border-radius:50%;transition:left .4s cubic-bezier(.68,-.15,.32,1.15),background .4s ease,box-shadow .4s ease;display:flex;align-items:center;justify-content:center}.theme-toggle-pill--light .theme-toggle-knob{left:3px;background:linear-gradient(145deg,#fffde6,#fff8b5 40%,#ffe680);box-shadow:0 0 8px 2px #fff09659,0 2px 4px #0000001a}.theme-toggle-pill--dark .theme-toggle-knob{left:37px;background:linear-gradient(145deg,#e8e8e8,#d4d4d8,#c0c0c8);box-shadow:0 0 8px 2px #c8c8dc40,0 2px 4px #0003}.moon-crater{position:absolute;border-radius:50%;background:#a0a0af80;box-shadow:inset 0 1px 2px #00000026}.moon-crater--1{width:9px;height:9px;top:4px;right:4px}.moon-crater--2{width:6px;height:6px;bottom:5px;left:6px}.moon-crater--3{width:5px;height:5px;bottom:4px;right:6px}.sun-center{display:block;width:12px;height:12px;border-radius:50%;background:#ffffff73;box-shadow:0 0 6px 2px #ffffff4d}.theme-toggle-pill:hover{transform:scale(1.06)}.theme-toggle-pill:active{transform:scale(.97)}.theme-toggle-pill--floating{position:fixed;bottom:24px;right:24px;z-index:9999}.theme-toggle-nav-wrapper{display:flex;justify-content:center;margin-bottom:8px;padding:0 8px}.skeleton-block{background:linear-gradient(90deg,var(--skeleton-base, rgba(0, 0, 0, .06)) 0%,var(--skeleton-highlight, rgba(0, 0, 0, .12)) 50%,var(--skeleton-base, rgba(0, 0, 0, .06)) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite;border-radius:4px}html.dark-mode .skeleton-block{--skeleton-base: rgba(255, 255, 255, .06);--skeleton-highlight: rgba(255, 255, 255, .14)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.job-card-skeleton{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-container);padding:24px 28px;width:320px;min-height:180px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.job-card-skeleton-header{display:flex;flex-direction:column;gap:10px}.job-card-skeleton-title{margin-bottom:4px}.job-card-skeleton-company{margin-bottom:2px}.job-card-skeleton-salary{margin-bottom:0}.job-card-skeleton-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}html.dark-mode .job-card-skeleton{background:var(--input-bg);border-color:var(--input-border)}html.dark-mode .job-card-skeleton-footer{border-top-color:var(--border-color)}.member-card-skeleton{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.member-card-skeleton-avatar{flex-shrink:0}.member-card-skeleton-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.member-card-skeleton-name{max-width:180px}.member-card-skeleton-employment{max-width:140px}html.dark-mode .member-card-skeleton{border-bottom-color:var(--border-color)}.affiliation-card-skeleton{position:relative;display:flex;align-items:center;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-container);box-sizing:border-box}.affiliation-card-skeleton-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.affiliation-card-skeleton-name{max-width:200px}.affiliation-card-skeleton-members{max-width:80px}html.dark-mode .affiliation-card-skeleton{background:var(--input-bg);border-color:var(--input-border)}.auth-page-skeleton{height:100vh;width:100%;display:flex;flex-direction:column;background:var(--canvas-warm)}.auth-page-skeleton-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.auth-page-skeleton-nav-items{display:flex;gap:16px}.auth-page-skeleton-main{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.auth-page-skeleton-title{margin-bottom:20px}.auth-page-skeleton-content{margin-top:16px}html.dark-mode .auth-page-skeleton{background:var(--canvas)}html.dark-mode .auth-page-skeleton-nav{border-bottom-color:var(--border-color)}.mentor-card-skeleton{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px 20px;border:1px solid var(--border-color);border-radius:var(--radius-container, 24px);background:var(--input-bg);height:240px;max-width:320px;width:100%;justify-content:center;gap:10px}.mentor-card-skeleton-avatar{margin-bottom:4px}html.dark-mode .mentor-card-skeleton{background:var(--input-bg);border-color:#ffffff1f}@media(max-width:768px){.mentor-card-skeleton{padding:18px 14px 16px;height:210px;max-width:none}}@media(max-width:480px){.mentor-card-skeleton{max-width:none;height:auto;min-height:200px}}.error-boundary{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;padding:24px}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-title{font-size:var(--text-body-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);margin-bottom:8px}.error-boundary-message{font-size:var(--text-body-md, 14px);color:var(--text-secondary);margin-bottom:16px}.error-boundary-retry{padding:8px 20px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:var(--text-body-md, 14px);cursor:pointer;transition:background .2s}.error-boundary-retry:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:360px;padding:14px 18px;border-radius:var(--radius-container);box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:12px;z-index:9999;animation:toastSlideUp .28s ease-out;cursor:default;background:var(--toast-bg, #2a2a2a);color:var(--toast-text, #f0f0f0)}.toast-success,.toast-info{background:var(--toast-bg, #2a2a2a);color:var(--toast-text, #f0f0f0)}.toast-error{background:#d32f2f;color:#fff}.toast-icon{flex-shrink:0}.toast-icon-success{filter:drop-shadow(0 1px 3px rgba(67,160,71,.4))}.toast-icon-error{filter:drop-shadow(0 1px 3px rgba(211,47,47,.4))}.toast-message{flex:1;font-size:var(--text-body);font-weight:500}.toast-dismiss{flex-shrink:0;background:transparent;border:none;color:inherit;opacity:.85;font-size:20px;line-height:1;padding:0 4px;cursor:pointer;border-radius:4px}.toast-dismiss:hover{opacity:1;background:#ffffff1f}@keyframes toastSlideUp{0%{transform:translate(-50%,24px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast--exiting{animation:toastSlideDown .28s ease-in forwards}@keyframes toastSlideDown{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,24px);opacity:0}}html.dark-mode .toast-error{background:#ef5350;color:#fff}html.dark-mode .toast,html.dark-mode .toast-success,html.dark-mode .toast-info{--toast-bg: #f0f0f0;--toast-text: #1a1a1a;background:var(--toast-bg);color:var(--toast-text)}html.dark-mode .toast-dismiss:hover{background:#00000014}html.dark-mode .toast{box-shadow:0 4px 20px #00000040}
