@import"https://fonts.cdnfonts.com/css/blanka";@import"https://fonts.googleapis.com/css2?family=Anta&family=Cascadia+Code:ital,wght@0,200..700;1,200..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}.flex{display:flex}.justify-center{justify-content:center}.items-center{align-items:center}.h-screen{height:100vh}.p-6{padding:1.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-center{text-align:center}.text-white{color:#fff}.bg-blue-500{background-color:#3b82f6}.bg-red-500{background-color:#ef4444}.rounded{border-radius:.25rem}.w-full{width:100%}.px-3{padding-left:.75rem;padding-right:.75rem}.border{border-width:1px;border-color:#d1d5db}.space-y-4>*+*{margin-top:1rem}.block{display:block}.disabled\:opacity-50:disabled{opacity:.5}button{cursor:pointer;border:none;font-size:1rem;font-weight:500;transition:opacity .2s}button:hover{opacity:.9}button:active{opacity:.8}.home-landing-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--gradient-page-bg);gap:2rem;transition:filter .3s ease-in-out}.home-sections{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--c-text-primary);margin-top:7rem;width:100%;gap:2.5rem;padding:0 1rem;box-sizing:border-box}.home-sec{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:90%;max-width:1200px;padding:2.5rem;border-radius:20px;border:1px solid var(--c-border);box-shadow:0 6px 20px #0003;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.home-sec:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.sec-text{flex:1;padding-right:2rem;font-size:1.5rem;line-height:1.6}.sec-text .tagline{font-size:1.5rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;color:var(--c-text-secondary);opacity:.9}.sec-text h3{font-weight:400;line-height:1.6;margin-bottom:.8rem}.sec-image{flex:1;display:flex;justify-content:center;align-items:center}.sec-image img{max-width:75%;height:auto;border-radius:16px;transition:transform .3s ease}.sec-image img:hover{transform:scale(1.05)}.sec-2,.sec-3,.sec-4{flex-direction:column;align-items:center;text-align:center}.section-heading{font-size:1.8rem;margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:1.5rem;width:90%}.feature-item{text-align:center;padding:2rem;border-radius:12px;background:var(--c-bg-content-glass-light);transition:transform .3s ease,box-shadow .3s ease;color:var(--c-text-secondary);display:flex;flex-direction:column;align-items:center;gap:.75rem}.feature-item svg{color:var(--c-text-primary)}.feature-item:hover{transform:translateY(-10px);box-shadow:var(--shadow-card)}.feature-item h4{margin-top:1rem;font-size:1.2rem;color:var(--c-text-primary)}.quote{font-size:1.5rem;font-style:italic;line-height:1.6;max-width:800px;margin-bottom:1.5rem;color:var(--c-text-secondary)}.quote span{color:var(--c-text-primary);font-weight:700}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.btn-google{padding:.8rem 1.5rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;background:var(--gradient-accent);color:var(--c-text-on-accent);font-weight:700;transition:transform .3s ease,box-shadow .3s ease}.btn-google:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow-hover);background:var(--gradient-accent-hover)}.bottom-home-landing{display:flex;flex-direction:column;width:100%;background-color:var(--c-bg-dark-solid);color:var(--c-text-subtle);text-align:center;padding:2rem 1rem;font-size:1.2rem;box-sizing:border-box}.bottom-home-landing h2,.bottom-home-landing p{margin:.2rem 0}.bottom-home-landing h2{color:var(--c-text-primary)}.login-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:35vw;max-width:550px;min-width:300px;height:auto;max-height:90vh;display:flex;justify-content:center;align-content:center;flex-direction:column;z-index:1001}.login-div{display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--c-bg-content-glass);border:1px solid var(--c-border);border-radius:30px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--c-text-secondary);gap:1rem;padding:2rem;width:100%;height:100%;box-sizing:border-box}.login-div .login-title h1{color:var(--c-text-primary)}.login-div .login-title{border-bottom-color:var(--c-border)}.login-div-text{padding:1rem;font-size:1.5rem;font-weight:700;text-align:center}.login-button button{background:var(--gradient-accent);color:var(--c-text-on-accent);padding:12px 24px;border-radius:20px;cursor:pointer;display:flex;align-items:center;font-size:1.2rem;font-weight:700;font-family:Cascadia Code,Times New Roman,Times,serif;transition:all .3s ease;border:none}.login-button button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-hover);background:var(--gradient-accent-hover)}.login-button img{margin-right:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-fade-in,.animate-fade-in-up,.animate-slide-in-left,.animate-slide-in-right{opacity:0}.is-visible .animate-fade-in{animation:fadeIn 1s ease-out forwards}.is-visible .animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.is-visible .animate-slide-in-left{animation:slideInLeft 1s cubic-bezier(.25,.46,.45,.94) forwards}.is-visible .animate-slide-in-right{animation:slideInRight 1s cubic-bezier(.25,.46,.45,.94) forwards}.is-visible .feature-item:nth-child(1){animation-delay:0s}.is-visible .feature-item:nth-child(2){animation-delay:0s}.is-visible .feature-item:nth-child(3){animation-delay:.2s}.is-visible .feature-item:nth-child(4){animation-delay:.25s}.is-visible .feature-item:nth-child(5){animation-delay:.3s}.is-visible .feature-item:nth-child(6){animation-delay:.35s}@media (max-width: 1024px){.home-sec{padding:2rem}.sec-text,.quote{font-size:1.3rem}.login-container{width:60vw}}@media (max-width: 768px){.home-sections{margin-top:5rem;gap:1.5rem}.home-sec{width:95%;padding:1.5rem}.sec-1{flex-direction:column;gap:2rem}.sec-text{padding-right:0;text-align:center;font-size:1.1rem}.sec-text .tagline{font-size:1.2rem}.sec-image img{max-width:85%}.section-heading{font-size:1.5rem}.features-grid{gap:1rem}.feature-item{padding:1.5rem}.feature-item h4{font-size:1.1rem}.feature-item p{font-size:.9rem}.quote{font-size:1.1rem}.bottom-home-landing{font-size:1rem;padding:1.5rem 1rem}.login-container{width:90vw}.login-div-text{font-size:1.2rem;padding:.5rem}.login-button button{font-size:1rem;padding:10px 20px}}@media (max-width: 420px){.feature-item{margin:0rem 1rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.top-bar{position:fixed;top:10px;left:10px;right:10px;height:3.5rem;background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--c-border);border-radius:20px;box-shadow:0 2px 4px #0000001a;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem;transition:transform .4s ease-in-out,opacity .4s ease-in-out;transform:translateY(0);opacity:1}.top-bar--hidden{transform:translateY(-120%);opacity:0}.top-bar button{background:var(--gradient-accent);color:var(--c-text-on-accent);border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.top-bar button:hover{transform:scale(1.05);box-shadow:var(--shadow-glow);background:var(--gradient-accent-hover)}.brand-name{color:var(--c-text-primary);font-family:Blanka,serif;cursor:pointer;display:flex;align-items:center;font-size:2rem}.brand-name .brand-name-text{display:flex;align-items:center;justify-content:center;line-height:1;margin:0 0 10px}:root{--gradient-page-bg: linear-gradient( 135deg, #1f005c, #110038, #020617 );--gradient-accent: linear-gradient(90deg, #f97316, #ea580c);--gradient-accent-hover: linear-gradient(90deg, #fb923c, #f97316);--c-bg-content-glass: rgba(2, 6, 23, .3);--c-bg-content-glass-light: rgba(234, 88, 12, .1);--c-bg-dark-solid: #020617;--c-bg-content-glass: rgba(0, 0, 0, .25);--c-bg-input: rgba(0, 0, 0, .2);--c-bg-light-gray: rgba(0, 0, 0, .15);--c-bg-secondary-hover: rgba(255, 255, 255, .1);--c-bg-danger-hover: rgba(253, 104, 74, .507);--c-text-primary: #e2e8f0;--c-text-secondary: #94a3b8;--c-text-subtle: #64748b;--c-text-on-accent: #ffffff;--c-border: rgba(234, 88, 12, .3);--c-border-focus: #ea580c;--c-border-secondary: rgba(255, 255, 255, .3);--shadow-glow: 0 0 12px rgba(234, 88, 12, .6);--shadow-glow-hover: 0 0 20px rgba(234, 88, 12, .8);--shadow-card: 0px 10px 25px rgba(0, 0, 0, .2);--c-success: #00ff7f;--c-danger: #ff512f;--sidebar-collapsed: 80px;--sidebar-expanded: 250px;--sidebar-offset-x: 20px;--sidebar-offset-y: 20px;--sidebar-bg: linear-gradient(120deg, #0f172a,#0f172a8e, #ea580c);--link-active: linear-gradient(90deg, #ea580c, rgba(234, 88, 12, .1));--sidebar-footer-border: 1px solid rgba(234, 88, 12, .3);--shadow-glow: 0 0 12px rgba(221, 36, 118, .6);--shadow-glow-hover: 0 0 20px rgba(221, 36, 118, .8);--shadow-content-card: 0 20px 40px rgba(0, 0, 0, .2)}.networkx-container{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-page-bg)}.content-wrapper{position:relative;display:flex;flex:1;align-items:stretch;gap:0;transition:padding-left .3s ease;padding-left:calc(var(--sidebar-collapsed) + var(--sidebar-offset-x) * 2)}.content-wrapper.shift-expanded{padding-left:calc(var(--sidebar-expanded) + var(--sidebar-offset-x) * 2)}.content-wrapper.shift-collapsed{padding-left:calc(var(--sidebar-collapsed) + var(--sidebar-offset-x) * 2)}.main-content{flex:1;padding:10px;overflow-y:auto;color:var(--c-text-primary);display:flex;justify-content:center;align-items:flex-start;margin-top:70px}@media (max-width: 768px){.navbar{padding:0 1rem;height:60px}.navbar-brand h1{font-size:1.5rem}.nav-item{padding:.5rem .75rem;font-size:.875rem}.nav-item span{display:none;max-width:0;overflow:hidden;white-space:nowrap;transition:all .3s ease}.nav-item:hover span,.nav-item.active span{display:block;max-width:200px}.nav-brand-name-text,.nav-brand-name-container{display:none}.navbar{justify-content:flex-end!important}.content-wrapper{padding-top:0;padding-left:var(--sidebar-offset-x)}.content-wrapper.shift-expanded,.content-wrapper.shift-collapsed{padding:0}.main-content{padding:.5rem}}@media (max-width: 576px){.nav-item span{display:none}}.navbar{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px;box-shadow:var(--shadow-card);position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-brand h1{margin:0;font-size:1.8rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-brand-name{color:var(--c-text-primary);font-family:Blanka,serif;cursor:pointer;display:flex;align-items:center;font-size:2rem}.nav-brand-name .nav-brand-name-text{display:flex;align-items:center;justify-content:center;line-height:1;margin:0 0 10px}.navbar-nav{display:flex;gap:1rem;align-items:center}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:none;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;color:var(--c-text-secondary);text-decoration:none}.nav-item:hover{background:var(--c-bg-content-glass-light);color:var(--c-text-primary)}.nav-item.active{background:var(--gradient-accent);color:var(--c-text-on-accent);box-shadow:var(--shadow-glow)}.nav-item.sign-out{color:#ff512f}.navbar-actions{display:flex;align-items:center}.settings-container{position:relative;display:inline-block}.settings-popup{position:absolute;top:-5px;right:-10px;background:var(--c-bg, #fff);border:1px solid var(--c-border, #ddd);border-radius:8px;padding:8px 0;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:160px}.settings-option{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:14px;cursor:pointer;color:var(--c-text, #333);transition:background .2s}.settings-option:hover{background:var(--c-border-focus, #f0f0f0)}.onboarding-container{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-x:hidden;background:var(--gradient-page-bg)}.onboarding-background{display:none}.gradient-overlay{position:absolute;inset:0;display:none}.onboarding-content{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid var(--c-border);box-shadow:var(--shadow-content-card);max-width:800px;width:100%;padding:3rem;position:relative}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-title{font-size:2.5rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.onboarding-subtitle{color:var(--c-text-secondary);font-size:1.1rem}.progress-container{margin-bottom:3rem}.progress-steps{display:flex;justify-content:space-between;margin-bottom:1rem}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-icon{width:50px;height:50px;border-radius:50%;background:var(--c-bg-input);display:flex;align-items:center;justify-content:center;color:var(--c-text-subtle);font-size:1.2rem;margin-bottom:.5rem;transition:all .3s ease;border:1px solid var(--c-border)}.progress-step.active .step-icon{background:var(--gradient-accent);color:var(--c-text-on-accent);transform:scale(1.1);border:none;box-shadow:var(--shadow-glow)}.progress-step.completed .step-icon{background:var(--c-success);color:#1f005c;border:none}.progress-step.completed .step-label{color:var(--c-success);font-weight:600}.step-label{font-size:1.2rem;color:var(--c-text-secondary);font-weight:500}.progress-step.active .step-label{color:var(--c-text-primary);font-weight:600}.progress-bar{height:4px;background:var(--c-border);border-radius:2px;position:relative;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-accent);border-radius:2px;transition:width .5s ease}.form-container{margin-bottom:2rem}.form-step{min-height:400px}.step-title{font-size:1.8rem;font-weight:600;color:var(--c-text-primary);margin-bottom:.5rem}.step-description{color:var(--c-text-secondary);margin-bottom:2rem;font-size:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:var(--c-text-secondary);margin-bottom:.5rem;font-size:1.2rem}.form-select option{background-color:var(--c-border-focus)}.form-input,.form-select,.form-textarea{padding:.75rem 1rem;border:2px solid var(--c-border);border-radius:10px;font-size:1rem;transition:all .3s ease;background:var(--c-bg-input);color:var(--c-text-primary)}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .2rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--c-border-focus);box-shadow:var(--shadow-glow)}.form-textarea{resize:vertical;min-height:100px}.skills-input-container{display:flex;gap:.5rem;margin-bottom:1rem}.add-skill-btn{padding:.75rem 1.5rem;background:var(--gradient-accent);color:var(--c-text-on-accent);border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease}.add-skill-btn:hover{background:var(--gradient-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow-hover)}.skills-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-tag{background:var(--c-bg-input);border:1px solid var(--c-border);padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--c-text-secondary)}.remove-skill-btn{background:none;border:none;color:var(--c-text-subtle);cursor:pointer;font-size:1.2rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-skill-btn:hover{background:var(--c-bg-danger-hover);color:var(--c-danger)}.helper-text{font-size:1rem;color:var(--c-text-secondary);margin-top:.1rem}.skip-option{margin-bottom:2rem;padding:1rem;background:var(--c-bg-light-gray);border-radius:10px}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--c-text-secondary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--c-border-focus)}.navigation-container{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--c-border)}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:10px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.nav-btn.primary{background:var(--gradient-accent);color:var(--c-text-on-accent)}.nav-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-hover);background:var(--gradient-accent-hover)}.nav-btn.secondary{background:transparent;color:var(--c-text-secondary);border:2px solid var(--c-border-secondary)}.nav-btn.secondary:hover{background:var(--c-bg-secondary-hover);border-color:var(--c-text-secondary);transform:translateY(-1px)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn.ml-auto{margin-left:auto}.animate-slide-in{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.onboarding-content{padding:2rem 1.5rem;margin:1rem}.form-grid{grid-template-columns:1fr}.progress-steps{flex-direction:column;gap:1rem}.progress-step{flex-direction:row;justify-content:flex-start}.skills-input-container{flex-direction:column}.step-icon{margin-right:1rem;margin-bottom:0}.navigation-container{flex-direction:column;gap:1rem}.nav-btn{width:100%;justify-content:center}}.sign-out-onboarding{position:absolute;bottom:1rem;right:1rem}.sign-out-onboarding button{background:var(--c-danger);color:var(--c-text-on-danger);border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background .3s ease}.sign-out-onboarding button:hover{background:var(--c-bg-danger-hover)}.page-container{max-width:90%;flex:1;margin:0 auto;min-height:100vh;background:var(--gradient-page-bg);color:var(--c-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:var(--c-text-secondary)}.error-message{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#ff512f}.profile-hero{position:relative;background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;margin-bottom:30px;color:var(--c-text-primary);overflow:hidden;border:1px solid var(--c-border);box-shadow:var(--shadow-card)}.hero-background{position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:30px}.profile-avatar-large{position:relative}.avatar-wrapper{position:relative;width:250px;height:250px;border-radius:50%;object-fit:cover}.avatar-wrapper:hover{transform:translateY(-1px)}.avatar-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;background:var(--c-bg-content-glass-light);border:1px solid var(--c-border)}.avatar-inner img,.avatar-inner .avatar-placeholder-large{width:100%;height:100%;border-radius:50%}.avatar-overlay{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at center,#00000059,#0000008c);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.avatar-wrapper:hover .avatar-overlay,.avatar-wrapper.show .avatar-overlay{opacity:1}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.change-photo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;font-weight:500;cursor:pointer;box-shadow:0 8px 24px #00000040;transition:background .2s ease,transform .15s ease}.change-photo-btn:hover{background:#ffffff2e}.change-photo-btn:active{transform:scale(.98)}.change-photo-btn:disabled{opacity:.65;cursor:not-allowed}.avatar-placeholder-large{width:120px;height:120px;border-radius:50%;background:var(--c-bg-content-glass-light);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--c-text-primary);border:4px solid var(--c-border)}.profile-name{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.3);color:var(--c-text-primary)}.profile-role{font-size:1.2rem;margin:0 0 15px;opacity:.9;color:var(--c-text-secondary)}.profile-bio{font-size:1rem;margin:0 0 20px;opacity:.8;line-height:1.6;color:var(--c-text-secondary)}.profile-stats{display:flex;gap:30px}.stat-item{font-size:1rem;opacity:.9;color:var(--c-text-primary);background:var(--c-bg-content-glass-light);padding:8px 16px;border-radius:20px;border:1px solid var(--c-border);transition:all .3s ease;cursor:pointer}.stat-item:hover{background:var(--c-bg-content-glass);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.stat-item strong{font-weight:600;font-size:1.2rem;color:var(--c-text-primary);display:block;margin-bottom:2px}.profile-content{margin-top:30px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.content-left,.content-right{display:flex;flex-direction:column;gap:30px}.profile-section{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;box-shadow:var(--shadow-card);border:1px solid var(--c-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--c-border)}.section-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--c-text-primary)}.add-btn{padding:8px 16px;background:var(--gradient-accent);color:var(--c-text-on-accent);border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-hover);background:var(--gradient-accent-hover)}.skills-section{margin-top:20px}.skills-section h3{margin:0 0 15px;font-size:1.1rem;font-weight:600;color:var(--c-text-primary)}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:6px 12px;background:var(--gradient-accent);color:var(--c-text-on-accent);border-radius:20px;font-size:.8rem;font-weight:500}.experience-list,.education-list{display:flex;flex-direction:column;gap:20px}.experience-item,.education-item{padding:20px;background:var(--c-bg-content-glass-light);border-radius:12px;border:1px solid var(--c-border);transition:all .3s ease}.experience-item:hover,.education-item:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.experience-header,.education-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.experience-header h3,.education-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--c-text-primary)}.experience-actions,.education-actions{display:flex;gap:8px}.experience-actions button,.education-actions button{padding:6px 12px;border:1px solid var(--c-border);background:var(--c-bg-content-glass);color:var(--c-text-secondary);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.experience-actions button:hover,.education-actions button:hover{background:var(--c-bg-content-glass-light);border-color:var(--c-border-focus);color:var(--c-text-primary)}.company-name,.degree-info{margin:0 0 8px;font-weight:500;color:var(--c-text-secondary)}.experience-dates,.graduation-year{margin:0;font-size:.9rem;color:var(--c-text-subtle)}.empty-state{text-align:center;color:var(--c-text-subtle);font-style:italic;padding:40px 20px}.edit-form{display:flex;flex-direction:column;gap:12px}.edit-form input{padding:10px 12px;border:1px solid var(--c-border);border-radius:8px;font-size:.9rem;transition:border-color .3s ease;background:var(--c-bg-input);color:var(--c-text-primary)}.edit-form input:focus{outline:none;border-color:var(--c-border-focus);box-shadow:var(--shadow-glow)}.date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-actions{display:flex;gap:8px;margin-top:8px}.edit-actions button{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.edit-actions button:first-child{background:var(--gradient-accent);color:var(--c-text-on-accent)}.edit-actions button:last-child{background:var(--c-bg-content-glass);color:var(--c-text-secondary);border:1px solid var(--c-border)}.edit-actions button:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.info-item{padding:12px 0;border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;align-items:center}.info-item:last-child{border-bottom:none}.info-item span{color:var(--c-text-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-card);border:1px solid var(--c-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--c-border);background:var(--c-bg-content-glass-light);border-radius:15px 15px 0 0}.modal-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--c-text-primary)}.modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--c-text-secondary);padding:5px;border-radius:50%;transition:all .3s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-header button:hover{background:var(--c-bg-content-glass-light);color:var(--c-text-primary)}.modal-content{padding:25px;display:flex;flex-direction:column;gap:15px}.modal-content input{padding:12px 16px;border:1px solid var(--c-border);border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:var(--c-bg-input);color:var(--c-text-primary)}.modal-content input:focus{outline:none;border-color:var(--c-border-focus);box-shadow:var(--shadow-glow)}.modal-content input[type=date]{position:relative;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-content input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;color:transparent;background:transparent;cursor:pointer}.modal-content input[type=date]::-webkit-inner-spin-button,.modal-content input[type=date]::-webkit-clear-button{display:none;-webkit-appearance:none}.modal-actions{display:flex;gap:12px;padding:20px 25px;border-top:1px solid var(--c-border);background:var(--c-bg-content-glass-light);border-radius:0 0 15px 15px}.modal-actions button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.modal-actions button:first-child{background:var(--gradient-accent);color:var(--c-text-on-accent)}.modal-actions button:last-child{background:var(--c-bg-content-glass);color:var(--c-text-secondary);border:1px solid var(--c-border)}.modal-actions button:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.modal-actions .delete-btn{background:#ff512f!important;color:#fff!important;border:none!important}.modal-actions .delete-btn:hover{background:#e0451f!important;transform:translateY(-1px);box-shadow:var(--shadow-glow)}@media (max-width: 992px){.content-grid{grid-template-columns:1fr!important;gap:20px}}@media (max-width: 768px){.page-container{margin:0;max-width:100%}.profile-hero{padding:25px}.hero-content{flex-direction:column;text-align:center;gap:20px}.profile-name{font-size:2rem}.profile-avatar-large img,.avatar-placeholder-large{font-size:2.5rem}.profile-stats{justify-content:center}.date-inputs{grid-template-columns:1fr}.modal{width:95%;margin:20px}.modal-actions{flex-direction:column}}@media (max-width: 480px){.profile-hero{padding:20px}.profile-name{font-size:1.8rem}.profile-section{padding:20px}.section-header{flex-direction:column;gap:15px;align-items:flex-start}.experience-header,.education-header{flex-direction:column;gap:10px}.experience-actions,.education-actions{width:100%;justify-content:flex-end}}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--card-radius: 30px;--grain: none;--icon: none;--behind-gradient: radial-gradient( farthest-side circle at var(--pointer-x) var(--pointer-y), hsla(28, 95%, 53%, calc(var(--card-opacity) * .5)) 4%, hsla(28, 95%, 45%, calc(var(--card-opacity) * .25)) 50%, hsla(249, 96%, 18%, 0) 60% );--inner-gradient: linear-gradient(145deg, #0f172a, #020617);--sunpillar-clr-1: #ff4800;--sunpillar-clr-2: #f97316;--sunpillar-clr-3: #fbbf24;--sunpillar-clr-4: #f97316;--sunpillar-clr-5: #c026d3;--sunpillar-clr-6: #ea580c}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none;display:flex;align-items:center;justify-content:center}.pc-card-wrapper:before{content:"";position:absolute;inset:-10px;background-image:var(--behind-gradient);border-radius:inherit;transition:all .5s ease;filter:contrast(2) saturate(2) blur(36px);transform:scale(.8) translateZ(.1px)}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{filter:contrast(1) saturate(2) blur(40px) opacity(1);transform:scale(.9) translateZ(.1px)}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#ea580c33 calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(.1px) rotateX(0) rotateY(0);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(28,95%,80%,var(--card-opacity)) 4%,hsla(28,95%,70%,calc(var(--card-opacity) * .75)) 10%,hsla(28,95%,60%,calc(var(--card-opacity) * .5)) 50%,hsla(249,96%,18%,0) 100%),radial-gradient(35% 52% at 55% 20%,#f97316c4,#1f005c00),radial-gradient(100% 100% at 50% 50%,#1f005c 1%,#02061700 76%),conic-gradient(from 124deg at 50% 50%,#1f005c,#0f172a 40% 60%,#1f005c);overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{inset:1px;position:absolute;background-image:var(--inner-gradient);background-color:#020617e6;transform:translateZ(.01px)}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .6s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg 18s linear infinite;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsla(240,10%,60%,.308) 3.8%,hsla(240,29%,66%,.377) 4.5%,hsla(240,10%,60%,.5) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:screen;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{animation:none}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-clr-4),var(--sunpillar-clr-5),var(--sunpillar-clr-6),var(--sunpillar-clr-1),var(--sunpillar-clr-2),var(--sunpillar-clr-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(28,95%,80%,.8) 12%,hsla(249,96%,18%,.6) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translate(-50%) scale(1);bottom:2px;opacity:calc(1.75 - var(--pointer-from-center))}.pc-avatar-content:before{content:"";position:absolute;inset:0;z-index:1;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%);pointer-events:none}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#02061780;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(234,88,12,.3);border-radius:15px;padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(234,88,12,.3);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#e2e8f0;line-height:1}.pc-status{font-size:14px;color:#fff;line-height:1}.pc-contact-btn{background:#ea580c1a;border:1px solid rgba(234,88,12,.3);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#e2e8f0;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-contact-btn:hover{border-color:#ea580c;box-shadow:0 0 12px #ea580c99;transform:translateY(-1px);transition:all .2s ease}.pc-content{max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px)!important;z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;margin:0;font-size:min(5svh,3em);background-image:linear-gradient(to bottom,#e2e8f0,#94a3b8);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#e2e8f0,#64748b);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{bottom:15px;left:15px;right:15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width: 480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:50px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media (max-width: 320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px;border-radius:50px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}.user-avatar{position:relative;display:inline-block;flex-shrink:0}.user-avatar--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.user-avatar--clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.user-avatar__image{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--c-bg-secondary);border:2px solid var(--c-border);display:flex;align-items:center;justify-content:center;position:relative}.user-avatar__img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-avatar__placeholder{font-weight:600;color:var(--c-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-primary),var(--c-accent));color:#fff;width:100%;height:100%;border-radius:50%}.user-avatar--small{width:32px;height:32px}.user-avatar--small .user-avatar__placeholder{font-size:12px}.user-avatar--medium{width:40px;height:40px}.user-avatar--medium .user-avatar__placeholder{font-size:14px}.user-avatar--large{width:56px;height:56px}.user-avatar--large .user-avatar__placeholder{font-size:18px}.user-avatar__status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--c-bg-primary)}.user-avatar__status--online{background:#10b981}.user-avatar--small .user-avatar__status{width:8px;height:8px;border-width:1px}.user-avatar--large .user-avatar__status{width:16px;height:16px;border-width:3px}.user-avatar--clickable .user-avatar__image{transition:all .2s ease}.user-avatar--clickable:hover .user-avatar__image{border-color:var(--c-primary)}.user-avatar--clickable:active{transform:scale(.95)}.user-profile-card{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.user-profile-card--clickable{cursor:pointer}.user-profile-card--clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:#ea580c4d}.user-profile-card__content{display:flex;align-items:flex-start;gap:12px}.user-profile-card__info{flex:1;min-width:0}.user-profile-card__header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.user-profile-card__name{font-size:1rem;font-weight:600;color:var(--c-text-primary);margin:0;line-height:1.3}.user-profile-card__role{background:var(--c-primary);color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:12px;white-space:nowrap}.user-profile-card__bio{font-size:.875rem;color:var(--c-text-secondary);line-height:1.4;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-profile-card__actions{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--c-border)}.user-profile-card--compact{padding:12px}.user-profile-card--compact .user-profile-card__content{gap:8px}.user-profile-card--compact .user-profile-card__name{font-size:.875rem}.user-profile-card--compact .user-profile-card__role{font-size:.7rem;padding:1px 6px}.user-profile-card--compact .user-profile-card__bio{font-size:.8rem;-webkit-line-clamp:1}.user-profile-card--compact .user-profile-card__actions{margin-top:8px;padding-top:8px}.user-profile-card__actions .action-btn{background:var(--c-bg-secondary);border:1px solid var(--c-border);color:var(--c-text-primary);padding:6px 12px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.user-profile-card__actions .action-btn:hover{background:var(--c-bg-tertiary);border-color:var(--c-primary);transform:translateY(-1px)}.user-profile-card__actions .action-btn.primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.user-profile-card__actions .action-btn.primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark)}.user-profile-card__actions .action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.user-profile-card__header{flex-direction:column;align-items:flex-start;gap:4px}.user-profile-card__actions{flex-wrap:wrap}.user-profile-card__actions .action-btn{font-size:.8rem;padding:4px 8px}}.search-page-container{width:90%;margin:0 auto;padding:20px;min-height:100vh;background:var(--gradient-page-bg);color:var(--c-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.search-page-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.search-page-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-page-header p{font-size:1.1rem;color:var(--c-text-secondary);margin:0}.refresh-btn{margin-top:1rem;padding:.5rem 1rem;background:var(--c-bg-content-glass);color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{background:var(--c-bg-content-glass-light);color:var(--c-text-primary);transform:translateY(-1px)}.search-section{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:var(--shadow-card);border:1px solid var(--c-border);margin-bottom:2rem}.search-input-container{display:flex;gap:1rem;margin-bottom:2rem}.search-input-wrapper{flex:1;position:relative}.search-input{width:100%;padding:1rem 1.5rem;border:2px solid var(--c-border);border-radius:12px;font-size:1rem;outline:none;transition:all .3s ease;background:var(--c-bg-input);color:var(--c-text-primary)}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--c-border);border-radius:12px;box-shadow:var(--shadow-card);z-index:1000;max-height:300px;overflow-y:auto;margin-top:4px}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid var(--c-border)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--c-bg-content-glass-light);transform:translate(4px)}.suggestion-avatar{flex-shrink:0}.suggestion-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--c-border)}.avatar-placeholder.small{width:32px;height:32px;font-size:14px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--c-text-on-accent)}.suggestion-info{flex:1;min-width:0}.suggestion-name{font-weight:600;color:var(--c-text-primary);font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-email{font-size:12px;color:var(--c-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-btn{padding:1rem 2rem;background:var(--gradient-accent);color:var(--c-text-on-accent);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-hover);background:var(--gradient-accent-hover)}.search-btn:disabled{opacity:.6;cursor:not-allowed}.search-results{display:flex;flex-direction:column;gap:16px}.search-user-card{transition:all .3s ease}.search-user-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--c-text-subtle);font-style:italic}.user-card{background:var(--c-bg-content-glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;box-shadow:var(--shadow-card);border:1px solid var(--c-border);transition:all .3s ease;cursor:pointer}.user-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow-hover)}.user-avatar{margin-bottom:1rem;text-align:center}.user-avatar-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--c-border);margin:0 auto;display:block}.avatar-placeholder{width:60px;height:60px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--c-text-on-accent);margin:0 auto}.user-info h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--c-text-primary);text-align:center}.user-role{margin:0 0 .5rem;font-size:.9rem;color:var(--c-text-secondary);text-align:center}.user-id{margin:0 0 1rem;font-size:.8rem;color:var(--c-text-subtle);font-family:monospace;text-align:center}.user-actions{display:flex;gap:.75rem}.action-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn.primary{background:var(--gradient-accent);color:var(--c-text-on-accent)}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow);background:var(--gradient-accent-hover)}.action-btn.secondary{background:var(--c-bg-content-glass);color:var(--c-text-secondary);border:1px solid var(--c-border)}.action-btn.secondary:hover:not(:disabled){background:var(--c-bg-content-glass-light);color:var(--c-text-primary);transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.dm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dm-modal{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--c-border)}.dm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--c-border);background:var(--c-bg-content-glass-light)}.dm-modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--c-text-primary)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--c-text-secondary);padding:.5rem;border-radius:50%;transition:all .3s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--c-bg-content-glass-light);color:var(--c-text-primary)}.dm-modal-content{padding:2rem}.dm-user-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--c-border)}.dm-avatar{flex-shrink:0}.dm-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--c-border)}.dm-avatar .avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--c-text-on-accent);border:2px solid var(--c-border)}.dm-user-details h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--c-text-primary)}.dm-user-details p{margin:0;font-size:.9rem;color:var(--c-text-subtle)}.dm-input-container{display:flex;flex-direction:column;gap:1rem}.dm-message-input{width:100%;padding:1rem;border:2px solid var(--c-border);border-radius:12px;font-size:.9rem;outline:none;transition:all .3s ease;background:var(--c-bg-input);color:var(--c-text-primary);resize:vertical;min-height:80px;font-family:inherit}.dm-message-input::placeholder{color:var(--c-text-subtle)}.dm-message-input:focus{border-color:var(--c-border-focus);box-shadow:var(--shadow-glow)}.dm-actions{display:flex;gap:1rem;justify-content:flex-end}.dm-send-btn{padding:.75rem 1.5rem;background:var(--gradient-accent);color:var(--c-text-on-accent);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-glow)}.dm-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-hover);background:var(--gradient-accent-hover)}.dm-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.search-page-container{padding:15px}.search-page-header h1{font-size:2rem}.search-input-container{flex-direction:column}.search-results{grid-template-columns:1fr}.user-actions{flex-direction:column}.dm-modal{width:95%;max-height:90vh}.dm-modal-content{padding:1.5rem}.dm-actions{flex-direction:column}.dm-send-btn{width:100%}.search-suggestions{max-height:250px}}@media (max-width: 480px){.search-section{padding:1.5rem}.search-page-header{margin-bottom:2rem;padding:1.5rem 0}.search-page-header h1{font-size:1.8rem}.user-card{padding:1rem}}.user-profile-view{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background:var(--gradient-page-bg);color:var(--c-text-primary)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0}.back-btn{padding:.75rem 1.5rem;background:var(--c-bg-content-glass);color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:var(--c-bg-content-glass-light);color:var(--c-text-primary);transform:translate(-2px)}.profile-actions{display:flex;gap:1rem}.profile-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{font-size:1.2rem;color:var(--c-text-secondary)}.profile-hero{position:relative;background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem 2rem;margin-bottom:2rem;box-shadow:var(--shadow-card);border:1px solid var(--c-border);overflow:hidden}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#ff512f1a,#dd24761a);z-index:0}.hero-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-around;gap:2rem}.profile-avatar-large{flex-shrink:0;flex:1;display:flex;justify-content:center;align-items:center}.profile-avatar-large img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--c-border)}.avatar-placeholder-large{width:120px;height:120px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--c-text-on-accent);border:4px solid var(--c-border)}.hero-info{flex:1}.profile-name{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-role{font-size:1.2rem;color:var(--c-text-secondary);margin:0 0 1rem}.profile-bio{font-size:1rem;color:var(--c-text-subtle);margin:0;line-height:1.6}.profile-content{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:var(--shadow-card);border:1px solid var(--c-border)}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.content-left,.content-right{display:flex;flex-direction:column;gap:2rem}.profile-section{background:var(--c-bg-content-glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;border:1px solid var(--c-border)}.section-header{font-size:1.3rem;font-weight:600;margin:0 0 1rem;color:var(--c-text-primary);border-bottom:2px solid var(--c-border);padding-bottom:.5rem}.section-content{color:var(--c-text-secondary);line-height:1.6}.education-list,.experience-list{display:flex;flex-direction:column;gap:1.5rem}.education-item,.experience-item{padding:1rem;background:var(--c-bg-content-glass);border-radius:10px;border:1px solid var(--c-border)}.education-header,.experience-header{margin-bottom:.5rem}.education-header h3,.experience-header h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--c-text-primary)}.degree-info,.company-name{font-weight:500;color:var(--c-text-secondary);margin:.25rem 0}.graduation-year,.experience-dates{font-size:.9rem;color:var(--c-text-subtle);margin:.25rem 0}.info-item{margin-bottom:1rem;padding:.75rem;background:var(--c-bg-content-glass);border-radius:8px;border:1px solid var(--c-border)}.info-item strong{color:var(--c-text-primary);margin-right:.5rem}.info-item a{color:var(--c-border-focus);text-decoration:none}@media (max-width: 768px){.search-page-container{padding:0;margin:0;max-width:100%;width:100%}.profile-header{flex-direction:column;gap:1rem;align-items:stretch}.profile-actions{justify-content:center}.hero-content{flex-direction:column;text-align:center}.profile-name{font-size:2rem}.content-grid{grid-template-columns:1fr}.profile-hero{padding:2rem 1rem}.profile-content{padding:1.5rem}}@media (max-width: 480px){.user-profile-view{padding:15px}.profile-name{font-size:1.8rem}.avatar-placeholder-large{width:100px;height:100px;font-size:2.5rem}.profile-avatar-large img{width:100px;height:100px}}html,body,#root{height:100%;margin:0}.messages-page{max-width:90%;flex:1;margin:0 auto;height:100%;background:var(--gradient-page-bg);color:var(--c-text-primary);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.messages-header{text-align:center;margin-bottom:2rem;padding:2rem 0;position:relative;flex-shrink:0}.messages-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.messages-header p{font-size:1.1rem;color:var(--c-text-secondary);margin:0}.unread-badge{position:absolute;top:1rem;right:2rem;background:var(--gradient-accent);color:var(--c-text-on-accent);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-glow);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.messages-container{display:grid;grid-template-columns:350px 1fr;grid-template-rows:minmax(0,1fr);gap:2rem;flex:1;min-height:0;height:100%;max-height:calc(100vh - 90px);background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:var(--shadow-card);border:1px solid var(--c-border);overflow:hidden}.conversations-sidebar{background:var(--c-bg-content-glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--c-border);display:flex;flex-direction:column;min-height:0}.search-container{padding:1.5rem;border-bottom:1px solid var(--c-border);flex-shrink:0}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--c-text-subtle);font-size:.9rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid var(--c-border);border-radius:12px;font-size:.9rem;outline:none;transition:all .3s ease;background:var(--c-bg-input);color:var(--c-text-primary)}.search-input::placeholder{color:var(--c-text-subtle)}.search-input:focus{border-color:var(--c-border-focus);box-shadow:var(--shadow-glow)}.conversations-list{flex:1;overflow-y:auto;padding:1rem;min-height:0}.empty-state{text-align:center;padding:3rem 1rem;color:var(--c-text-subtle)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--c-text-secondary)}.empty-state p{margin:0;font-size:.9rem}.conversation-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem;border:1px solid transparent;position:relative;overflow:hidden}.conversation-item:before{content:"";position:absolute;inset:0;background:var(--gradient-accent);opacity:0;transition:opacity .3s ease;z-index:-1}.conversation-item:hover{background:var(--c-bg-content-glass);transform:translate(4px);border-color:var(--c-border)}.conversation-item.active{background:var(--c-bg-content-glass);border-color:var(--c-border-focus);box-shadow:var(--shadow-glow)}.conversation-item.active:before{opacity:.1}.conversation-avatar{position:relative;flex-shrink:0}.conversation-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--c-border);transition:border-color .3s ease}.conversation-item:hover .conversation-avatar img,.conversation-item.active .conversation-avatar img{border-color:var(--c-border-focus)}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--c-text-on-accent);border:2px solid var(--c-border);transition:border-color .3s ease}.conversation-item:hover .avatar-placeholder,.conversation-item.active .avatar-placeholder{border-color:var(--c-border-focus)}.unread-indicator{position:absolute;top:-4px;right:-4px;background:var(--gradient-accent);color:var(--c-text-on-accent);font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:10px;min-width:18px;text-align:center;box-shadow:var(--shadow-glow);animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conversation-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.8rem;color:var(--c-text-subtle);flex-shrink:0}.conversation-preview{margin:0;font-size:.85rem;color:var(--c-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-area{display:flex;flex-direction:column;background:var(--c-bg-content-glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0;height:100%}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--c-text-subtle);text-align:center;padding:2rem}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-placeholder h3{margin:0 0 .5rem;color:var(--c-text-secondary)}.chat-placeholder p{margin:0;font-size:.9rem}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--c-border);background:var(--c-bg-content-glass);flex-shrink:0}.chat-user-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.chat-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--c-border)}.chat-avatar .avatar-placeholder{width:40px;height:40px;font-size:1rem}.chat-user-details h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status{font-size:.8rem;color:#4ade80;font-weight:500;display:flex;align-items:center;gap:.25rem}.chat-status:before{content:"";width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}.chat-actions{display:flex;gap:.5rem}.action-btn{background:none;border:none;color:var(--c-text-secondary);padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.action-btn:hover{background:var(--c-bg-content-glass);color:var(--c-text-primary);transform:scale(1.1)}.back-btn{display:none;background:none;border:none;color:var(--c-text-secondary);font-size:1.2rem;cursor:pointer;padding:.5rem;margin-right:.75rem;border-radius:50%;transition:all .2s ease}.back-btn:hover{background:var(--c-bg-content-glass);color:var(--c-text-primary)}.messages-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:0;scroll-behavior:smooth}.messages-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--c-text-subtle);text-align:center;padding:2rem}.messages-empty p{margin:.25rem 0;font-size:.9rem}.message-item{display:flex;margin-bottom:.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.sent{justify-content:flex-end}.message-item.received{justify-content:flex-start}.message-bubble{max-width:70%;padding:1rem 1.25rem;border-radius:18px;font-size:.9rem;line-height:1.4;word-wrap:break-word;position:relative;transition:all .3s ease;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.message-item.sent .message-bubble{background:var(--gradient-accent);color:var(--c-text-on-accent);border-bottom-right-radius:6px;box-shadow:var(--shadow-glow)}.message-item.sent .message-bubble:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-hover)}.message-item.received .message-bubble{background:var(--c-bg-content-glass);color:var(--c-text-primary);border-bottom-left-radius:6px;border:1px solid var(--c-border)}.message-item.received .message-bubble:hover{transform:translateY(-1px);border-color:var(--c-border-focus)}.message-bubble p{margin:0 0 .5rem}.message-time{font-size:.7rem;opacity:.7;display:block;text-align:right}.message-input{padding:1.5rem;border-top:1px solid var(--c-border);background:var(--c-bg-content-glass);flex-shrink:0}.input-container{display:flex;gap:1rem;align-items:center}.message-input-field{flex:1;padding:1rem 1.25rem;border:2px solid var(--c-border);border-radius:24px;font-size:.9rem;outline:none;transition:all .3s ease;background:var(--c-bg-input);color:var(--c-text-primary);resize:none;min-height:48px;max-height:120px}.message-input-field::placeholder{color:var(--c-text-subtle)}.message-input-field:focus{border-color:var(--c-border-focus);box-shadow:var(--shadow-glow)}.send-button{width:48px;height:48px;border-radius:50%;background:var(--gradient-accent);color:var(--c-text-on-accent);border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--shadow-glow);flex-shrink:0}.send-button:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-glow-hover);background:var(--gradient-accent-hover)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.messages-loading{display:flex;justify-content:center;align-items:center;min-height:400px;flex:1}.loading-spinner{font-size:1.2rem;color:var(--c-text-secondary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.conversations-list::-webkit-scrollbar,.messages-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track{background:var(--c-bg-content-glass);border-radius:3px}.conversations-list::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px;transition:background .3s ease}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover{background:var(--c-text-subtle)}@media (max-width: 1024px){.messages-container{display:grid;grid-template-columns:1fr;grid-template-rows:250px 1fr;gap:1rem}.conversation-item{padding:.5rem}}@media (max-width: 768px){.messages-header h1{font-size:2rem}.messages-page{margin:0;height:100%;max-width:100%;border-radius:20px}.messages-container{display:block;position:relative;border-radius:20px;gap:0}.chat-header .back-btn{display:block}.chat-header{justify-content:flex-start}.messages-container.mobile-list .conversations-sidebar{display:flex;height:100%;border-right:none}.messages-container.mobile-list .chat-area,.messages-container.mobile-chat .conversations-sidebar{display:none}.messages-container.mobile-chat .chat-area{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.conversation-item{padding:.75rem}.conversation-avatar img,.conversation-avatar .avatar-placeholder{width:40px;height:40px;font-size:1rem}.chat-header,.messages-list,.message-input{padding:1rem}.message-input-field{font-size:16px}}@media (max-width: 480px){.messages-header{padding:1.5rem 0}.messages-header h1{font-size:1.8rem}.unread-badge{position:static;margin-top:1rem;display:inline-block}.conversation-item{padding:.5rem}.conversation-avatar img,.conversation-avatar .avatar-placeholder{width:36px;height:36px;font-size:.9rem}.message-bubble{max-width:95%;padding:.75rem 1rem}}.markdown-content{color:inherit;font-size:inherit;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--c-border-focus, #ea580c);font-weight:600;margin-top:1.5em;margin-bottom:.5em}.markdown-content h1{font-size:1.8em;border-bottom:2px solid var(--c-border-focus, #ea580c);padding-bottom:.5em}.markdown-content h2{font-size:1.5em}.markdown-content h3{font-size:1.25em}.markdown-content p{margin:.75em 0}.markdown-content ul,.markdown-content ol{margin:.75em 0;padding-left:1.5em}.markdown-content li{margin:.25em 0}.markdown-content blockquote{border-left:4px solid var(--c-border-focus, #ea580c);margin:1em 0;padding:.5em 1em;background:#ea580c0d;font-style:italic;color:#666}.markdown-content code{background:#0000001a;padding:2px 4px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}.markdown-content pre{background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:1em;overflow-x:auto;margin:1em 0}.markdown-content pre code{background:transparent;padding:0}.markdown-content a{color:var(--c-border-focus, #ea580c);text-decoration:none;transition:color .2s ease}.markdown-content a:hover{color:#d97706;text-decoration:underline}.markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:.5em 0;box-shadow:0 2px 8px #0000001a}.markdown-content table{width:100%;border-collapse:collapse;margin:1em 0}.markdown-content th,.markdown-content td{border:1px solid rgba(0,0,0,.1);padding:.5em;text-align:left}.markdown-content th{background:#ea580c1a;font-weight:600}.markdown-content hr{border:none;border-top:2px solid rgba(234,88,12,.2);margin:2em 0}.message-content .markdown-content{font-size:14px}.message-content .markdown-content h1,.message-content .markdown-content h2,.message-content .markdown-content h3{font-size:1.1em;margin-top:.5em;margin-bottom:.25em}.message-content .markdown-content p{margin:.5em 0}.message-content .markdown-content code{font-size:.85em}.post-card__body .markdown-content,.comment__body .markdown-content{font-size:inherit}.resource-description .markdown-content{font-size:.9em;color:#666}.roadmap-step-description .markdown-content,.roadmap-detail-description .markdown-content{font-size:.95em;color:#555}.roadmap-step-description .markdown-content h1,.roadmap-step-description .markdown-content h2,.roadmap-step-description .markdown-content h3{font-size:1.1em;margin-top:.5em;margin-bottom:.25em}.interview-summary .markdown-content{font-size:.95em;line-height:1.5}.profile-bio .markdown-content{font-size:inherit;line-height:1.5}.experience-description .markdown-content{font-size:.9em;color:#666;margin-top:.5em}.post-card{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:0;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;margin-bottom:20px}.post-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000026;border-color:#ea580c66}.post-card__header{padding:20px 24px 16px;border-bottom:1px solid var(--c-border)}.post-card__author{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease}.post-card__author:hover{opacity:.8}.post-card__author-info{flex:1;min-width:0}.post-card__author-name{font-size:1rem;font-weight:600;color:var(--c-text-primary);margin:0 0 4px;line-height:1.3;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease;text-align:left}.post-card__author-name:hover{color:var(--c-primary)}.post-card__meta{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--c-text-secondary);flex-wrap:wrap}.post-card__role{background:var(--c-primary);color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:12px;white-space:nowrap}.post-card__timestamp{font-weight:500}.post-card__visibility{font-size:.8rem}.post-card__content{padding:20px 24px}.post-card__title{font-size:1.25rem;font-weight:600;color:var(--c-text-primary);margin:0 0 16px;line-height:1.4}.post-card__body{color:var(--c-text-primary);line-height:1.6;font-size:1rem}.post-card__media{margin-top:16px;border-radius:12px;overflow:hidden;background:var(--c-bg-secondary)}.post-card__media-img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.post-card__footer{padding:16px 24px 20px;border-top:1px solid var(--c-border)}.post-card__actions{display:flex;align-items:center;gap:16px;margin-bottom:12px}.post-card__action{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--c-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;position:relative}.post-card__action:hover{background:var(--c-bg-secondary);color:var(--c-text-primary);transform:translateY(-1px)}.post-card__action--active{color:var(--c-primary);background:#ea580c1a}.post-card__action--active:hover{background:#ea580c26}.post-card__action--secondary{color:var(--c-text-tertiary)}.post-card__action:disabled{opacity:.6;cursor:not-allowed;transform:none}.post-card__action-icon{font-size:1rem;line-height:1}.post-card__action-text{font-weight:500}.post-card__action-count{background:var(--c-primary);color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.post-card__action--active .post-card__action-count{background:var(--c-primary-dark)}.post-card__engagement{display:flex;align-items:center;gap:16px;padding-top:8px;border-top:1px solid var(--c-border);font-size:.875rem;color:var(--c-text-secondary)}.post-card__engagement-item{display:flex;align-items:center;gap:4px;font-weight:500}@media (max-width: 768px){.post-card{margin-bottom:16px;border-radius:12px}.post-card__header,.post-card__content,.post-card__footer{padding-left:16px;padding-right:16px}.post-card__actions{gap:12px;flex-wrap:wrap}.post-card__action{padding:6px 8px;font-size:.8rem}.post-card__action-text{display:none}.post-card__engagement{gap:12px;flex-wrap:wrap}.post-card__meta{gap:6px}.post-card__role{font-size:.7rem;padding:1px 6px}}@media (max-width: 480px){.post-card__title{font-size:1.1rem}.post-card__body,.post-card__author-name{font-size:.95rem}.post-card__meta{font-size:.8rem}}.comment{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--c-border);transition:background-color .2s ease}.comment:last-child{border-bottom:none}.comment:hover{background:#00000005;border-radius:8px;padding:12px;margin:0 -12px}.comment__avatar{flex-shrink:0}.comment__content{flex:1;min-width:0}.comment__header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.comment__author{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .2s ease}.comment__author:hover{opacity:.8}.comment__author-name{font-size:.875rem;font-weight:600;color:var(--c-text-primary);line-height:1.3}.comment__author-role{background:var(--c-primary);color:#fff;font-size:.7rem;font-weight:500;padding:1px 6px;border-radius:8px;white-space:nowrap}.comment__timestamp{font-size:.8rem;color:var(--c-text-secondary);font-weight:500}.comment__body{color:var(--c-text-primary);line-height:1.5;font-size:.875rem;margin-bottom:8px}.comment__body p{margin:0 0 8px}.comment__body p:last-child{margin-bottom:0}.comment__actions{display:flex;align-items:center;gap:12px}.comment__action{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--c-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.comment__action:hover{background:var(--c-bg-secondary);color:var(--c-text-primary);transform:translateY(-1px)}.comment__action--active{color:var(--c-primary);background:#ea580c1a}.comment__action--active:hover{background:#ea580c26}.comment__action-icon{font-size:.875rem;line-height:1}.comment__action-text{font-weight:500}@media (max-width: 768px){.comment{gap:8px;padding:8px 0}.comment:hover{padding:8px;margin:0 -8px}.comment__header{gap:6px}.comment__author-name{font-size:.8rem}.comment__author-role{font-size:.65rem;padding:1px 4px}.comment__timestamp{font-size:.75rem}.comment__body{font-size:.8rem;margin-bottom:6px}.comment__actions{gap:8px}.comment__action{padding:2px 6px;font-size:.75rem}.comment__action-text{display:none}.comment__action-icon{font-size:.8rem}}@media (max-width: 480px){.comment__header{flex-direction:column;align-items:flex-start;gap:2px}.comment__author{gap:4px}.comment__body{font-size:.8rem}}@media (prefers-color-scheme: dark){.comment:hover{background:#ffffff0d}}.feed-container{width:100%;max-width:1200px;margin:0 auto;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.feed-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px 0}.feed-title-section h1{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.feed-title-section p{color:var(--c-text-secondary);font-size:1.1rem;margin:0;font-weight:400}.feed-scope-toggle{display:flex;background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:4px;border:1px solid var(--c-border);box-shadow:var(--shadow-card)}.scope-button{padding:8px 16px;border:none;background:transparent;color:var(--c-text-secondary);font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9rem}.scope-button:hover{color:var(--c-text-primary);background:#ea580c1a}.scope-button:disabled{background:var(--gradient-accent);color:var(--c-text-on-accent);box-shadow:0 2px 8px #ea580c4d}.feed-create-post{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow-card)}.create-post-textarea{width:100%;min-height:80px;border:none;background:transparent;color:var(--c-text-primary);font-size:1rem;font-family:inherit;resize:vertical;outline:none;line-height:1.5}.create-post-textarea::placeholder{color:var(--c-text-subtle)}.create-post-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--c-border)}.post-button{background:var(--gradient-accent);color:var(--c-text-on-accent);border:none;padding:10px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ea580c4d}.post-button:hover{background:var(--gradient-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ea580c66}.post-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.feed-posts{display:flex;flex-direction:column;gap:20px}.feed-post-card{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.feed-post-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000026;border-color:#ea580c66}.post-title{font-size:1.3rem;font-weight:600;color:var(--c-text-primary);margin:0 0 12px;line-height:1.3}.post-body{color:var(--c-text-primary);line-height:1.6;margin:0 0 20px;white-space:pre-wrap;font-size:1rem}.post-actions{display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--c-border)}.like-button{background:transparent;border:1px solid var(--c-border);color:var(--c-text-secondary);padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.like-button:hover{background:#ea580c1a;border-color:var(--c-border-focus);color:var(--c-text-primary)}.post-meta{color:var(--c-text-subtle);font-size:.85rem;margin-left:auto}.feed-empty{text-align:center;padding:60px 20px;color:var(--c-text-secondary)}.feed-empty h3{font-size:1.5rem;margin:0 0 8px;color:var(--c-text-primary)}.feed-empty p{margin:0;font-size:1rem}@media (max-width: 768px){.feed-container{padding:0}.feed-header{flex-direction:column;gap:20px;align-items:stretch}.feed-title-section h1{font-size:2rem}.feed-scope-toggle{align-self:flex-start}.feed-post-card{padding:20px}.post-title{font-size:1.2rem}}@media (max-width: 480px){.feed-container{padding:0}.feed-title-section h1{font-size:1.8rem}.feed-create-post,.feed-post-card{padding:16px}.post-actions{flex-wrap:wrap}}.markdown-editor{width:100%}.markdown-toolbar{display:flex;gap:8px;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:8px 8px 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar-button{padding:6px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;font-size:12px;transition:all .2s ease}.toolbar-button:hover{background:#fff3;transform:translateY(-1px)}.toolbar-button:disabled{opacity:.5;cursor:not-allowed}.markdown-textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 8px 8px;color:#fff;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;min-height:100px}.markdown-textarea:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 2px #ea580c33}.markdown-textarea::placeholder{color:#ffffff80}.markdown-help{padding:8px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 8px 8px;font-size:12px;color:#fff9}.markdown-content{color:#fff}.markdown-content code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9em}.markdown-content a{color:#ea580c;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.comments-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comments-count{font-size:14px;color:#ffffffb3}.comment-item{padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:8px}.comment-author{font-weight:600;color:#ea580c;font-size:14px;margin-bottom:4px}.comment-body{font-size:14px;line-height:1.5;margin-bottom:4px}.comment-meta{font-size:12px;color:#ffffff80}.comment-form{margin-top:12px}.comment-input{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:14px;resize:vertical;min-height:60px}.comment-input:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 2px #ea580c33}.comment-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.comment-button{padding:6px 12px;background:#ea580c;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.comment-button:hover{background:#dc2626;transform:translateY(-1px)}.comment-button:disabled{opacity:.5;cursor:not-allowed}.comments-section{background:var(--c-bg-secondary);border-top:1px solid var(--c-border);padding:20px 24px;margin-top:0}.comments-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--c-border)}.comments-count{font-size:.875rem;font-weight:600;color:var(--c-text-secondary)}.comments-list{margin-bottom:20px}.comment-form{background:var(--c-bg-content-glass);border:1px solid var(--c-border);border-radius:12px;padding:16px;margin-top:16px}.comment-input{width:100%;padding:12px 16px;background:var(--c-bg-primary);border:1px solid var(--c-border);border-radius:8px;color:var(--c-text-primary);font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s ease}.comment-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #ea580c1a}.comment-input::placeholder{color:var(--c-text-tertiary)}.comment-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.comment-button{padding:8px 16px;background:var(--c-primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.comment-button:hover{background:var(--c-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ea580c4d}.comment-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.comments-section{padding:16px}.comment-form{padding:12px}.comment-input{padding:10px 12px;font-size:.8rem;min-height:60px}.comment-button{padding:6px 12px;font-size:.8rem}}.profile-view{width:100%;max-width:1200px;margin:0 auto;padding:0}.profile-header{padding:20px 24px;border-bottom:1px solid var(--c-border);background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.back-btn{background:var(--c-bg-secondary);border:1px solid var(--c-border);color:var(--c-text-primary);padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.back-btn:hover{background:var(--c-bg-tertiary);border-color:var(--c-primary);transform:translateY(-1px)}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.profile-error h3{color:var(--c-text-primary);margin:0 0 8px;font-size:1.5rem}.profile-error p{color:var(--c-text-secondary);margin:0}.profile-hero{background:linear-gradient(135deg,var(--c-primary),var(--c-accent));padding:40px 24px;position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#ea580ce6,#f97316e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-content{position:relative;display:flex;align-items:center;gap:24px;max-width:1200px;margin:0 auto}.feed-profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.2);flex-shrink:0;position:relative;background:#ffffff1a}.feed-profile-img{width:100%;height:100%;object-fit:cover!important;object-position:center!important;display:block!important;border-radius:50%}.feed-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#fff3,#ffffff1a);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:#fff;border-radius:50%}.profile-avatar-large img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,#fff3,#ffffff1a);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;color:#fff;border-radius:50%;position:absolute;top:0;left:0}.hero-info{flex:1;color:#fff}.profile-name{font-size:2.5rem;font-weight:700;margin:0 0 8px;color:#fff}.profile-role{font-size:1.2rem;margin:0 0 12px;opacity:.9}.profile-bio{font-size:1rem;margin:0;opacity:.8;line-height:1.5}.profile-content{padding:40px 24px;max-width:1200px;margin:0 auto}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.profile-section{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-card)}.section-header{font-size:1.5rem;font-weight:600;color:var(--c-text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--c-border)}.section-content{color:var(--c-text-primary);line-height:1.6}.info-item{margin-bottom:12px;font-size:.95rem}.info-item strong{color:var(--c-text-primary);font-weight:600}.info-item a{color:var(--c-primary);text-decoration:none}.info-item a:hover{text-decoration:underline}@media (max-width: 768px){.profile-header{padding:16px}.hero-content{flex-direction:column;text-align:center;gap:16px}.feed-profile-avatar{width:100px;height:100px}.feed-avatar-placeholder,.avatar-placeholder-large,.profile-name{font-size:2rem}.profile-content{padding:24px 16px}.content-grid{grid-template-columns:1fr;gap:24px}.profile-section{padding:20px}.section-header{font-size:1.3rem}}.interviews-container{width:100%;max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.interviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:32px 0}.interviews-header h1{font-size:2.5rem;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.interviews-header p{color:var(--c-text-secondary);font-size:1.1rem;margin:0;font-weight:400}.interviews-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:32px;padding:20px;background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;box-shadow:var(--shadow-card)}.interviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.interview-card{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.interview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:0;transition:opacity .3s ease}.interview-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003;border-color:#ea580c66}.interview-card:hover:before{opacity:1}.interview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.interview-title{font-size:1.3rem;font-weight:600;color:var(--c-text-primary);margin:0;line-height:1.3;flex:1}.difficulty-badge{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap;margin-left:12px;text-transform:capitalize}.difficulty-easy{background:#34c75926;color:#34c759}.difficulty-medium{background:#ffcc0026;color:#fc0}.difficulty-hard{background:#ff3b3026;color:#ff3b30}.interview-summary{color:var(--c-text-secondary);line-height:1.5;margin:0 0 16px;font-size:.95rem;flex:1}.interview-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--c-border);margin-top:auto}.outcome-badge{padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.outcome-selected{background:#34c75926;color:#34c759}.outcome-rejected{background:#ff3b3026;color:#ff3b30}.outcome-pending{background:#ffcc0026;color:#fc0}.outcome-na{background:#8e8e9326;color:var(--c-text-subtle)}.interview-meta{color:var(--c-text-subtle);font-size:.85rem;text-align:right}.interviews-empty{text-align:center;padding:80px 20px;color:var(--c-text-secondary);grid-column:1 / -1}.interviews-empty h3{font-size:1.5rem;margin:0 0 8px;color:var(--c-text-primary)}.interviews-empty p{margin:0;font-size:1rem}.interviews-loading{display:flex;justify-content:center;align-items:center;min-height:400px;grid-column:1 / -1}.interviews-error{text-align:center;padding:60px 20px;color:var(--c-text-secondary);grid-column:1 / -1}.interviews-error h3{color:#ff3b30;margin:0 0 8px}@media (max-width: 1024px){.interviews-filters{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 768px){.interviews-container{padding:16px}.interviews-header h1{font-size:2rem}.interviews-filters{grid-template-columns:1fr;gap:12px}.interviews-grid{grid-template-columns:1fr;gap:16px}.interview-card{padding:20px}.interview-header{flex-direction:column;gap:8px;align-items:flex-start}.difficulty-badge{margin-left:0;align-self:flex-start}.interview-footer{flex-direction:column;gap:12px;align-items:stretch;text-align:center}}@media (max-width: 480px){.interviews-container{padding:12px}.interviews-header{padding:20px 0}.interviews-header h1{font-size:1.8rem}.interviews-filters,.interview-card{padding:16px}.interview-title{font-size:1.2rem}}.create-interview-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-interview-modal{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#ea580c;font-size:1.5rem}.close-button{background:none;border:none;color:#ffffffb3;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#fff}.interview-form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#ffffffe6;font-weight:500;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 2px #ea580c33}.form-group input::placeholder{color:#ffffff80}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.cancel-button,.submit-button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button{background:#ffffff1a;color:#fffc}.cancel-button:hover{background:#fff3;color:#fff}.submit-button{background:#ea580c;color:#fff}.submit-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.resources-container{width:100%;max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.resources-header{text-align:center;margin-bottom:40px;padding:32px 0}.resources-header h1{font-size:2.5rem;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.resources-header p{color:var(--c-text-secondary);font-size:1.1rem;margin:0;font-weight:400}.resources-filters{display:flex;gap:16px;margin-bottom:32px;padding:20px;background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;box-shadow:var(--shadow-card)}.filter-input{flex:1;padding:12px 16px;border:1px solid var(--c-border);border-radius:12px;background:#ffffff0d;color:var(--c-text-primary);font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-input:focus{outline:none;border-color:var(--c-border-focus);box-shadow:0 0 0 3px #ea580c33;background:#ffffff1a}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.resource-card{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.resource-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:0;transition:opacity .3s ease}.resource-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003;border-color:#ea580c66}.resource-card:hover:before{opacity:1}.resource-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.resource-title{font-size:1.2rem;font-weight:600;color:var(--c-text-primary);margin:0 0 4px;line-height:1.3}.resource-category{background:#ea580c26;color:#ea580c;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap}.resource-description{color:var(--c-text-secondary);line-height:1.5;margin:0 0 20px;font-size:.95rem}.resource-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.resource-link{background:var(--gradient-accent);color:var(--c-text-on-accent);text-decoration:none;padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ea580c4d}.resource-link:hover{background:var(--gradient-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ea580c66}.resource-tags{display:flex;gap:6px;flex-wrap:wrap;max-width:60%}.resource-tag{background:#ffffff1a;border:1px solid var(--c-border);color:var(--c-text-secondary);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;transition:all .2s ease}.resource-tag:hover{background:#ea580c1a;border-color:#ea580c4d;color:var(--c-text-primary)}.resources-empty{text-align:center;padding:80px 20px;color:var(--c-text-secondary);grid-column:1 / -1}.resources-empty h3{font-size:1.5rem;margin:0 0 8px;color:var(--c-text-primary)}.resources-empty p{margin:0;font-size:1rem}.resources-loading{display:flex;justify-content:center;align-items:center;min-height:400px;grid-column:1 / -1}.resources-error{text-align:center;padding:60px 20px;color:var(--c-text-secondary);grid-column:1 / -1}.resources-error h3{color:#ff3b30;margin:0 0 8px}@media (max-width: 768px){.resources-container{padding:16px}.resources-header h1{font-size:2rem}.resources-filters{flex-direction:column;gap:12px}.resources-grid{grid-template-columns:1fr;gap:16px}.resource-card{padding:20px}.resource-footer{flex-direction:column;gap:12px;align-items:stretch}.resource-tags{max-width:100%;justify-content:center}}@media (max-width: 480px){.resources-container{padding:12px}.resources-header{padding:20px 0}.resources-header h1{font-size:1.8rem}.resources-filters,.resource-card{padding:16px}.resource-header{flex-direction:column;gap:8px;align-items:flex-start}}.opportunities-container{width:100%;max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.opportunities-header{text-align:center;margin-bottom:40px;padding:32px 0}.opportunities-header h1{font-size:2.5rem;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.opportunities-header p{color:var(--c-text-secondary);font-size:1.1rem;margin:0;font-weight:400}.opportunities-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;margin-bottom:32px;padding:20px;background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;box-shadow:var(--shadow-card)}.opportunities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.opportunity-card{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.opportunity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:0;transition:opacity .3s ease}.opportunity-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003;border-color:#ea580c66}.opportunity-card:hover:before{opacity:1}.opportunity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.opportunity-title{font-size:1.3rem;font-weight:600;color:var(--c-text-primary);margin:0;line-height:1.3;flex:1}.opportunity-type{background:#ea580c26;color:#ea580c;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500;white-space:nowrap;margin-left:12px;text-transform:capitalize}.opportunity-company{color:var(--c-text-primary);font-size:1.1rem;font-weight:500;margin:0 0 8px}.opportunity-meta{color:var(--c-text-subtle);font-size:.9rem;margin:0 0 20px;display:flex;align-items:center;gap:8px}.meta-separator{width:4px;height:4px;background:var(--c-text-subtle);border-radius:50%}.opportunity-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px}.apply-link{background:var(--gradient-accent);color:var(--c-text-on-accent);text-decoration:none;padding:10px 20px;border-radius:20px;font-weight:500;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ea580c4d}.apply-link:hover{background:var(--gradient-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ea580c66}.opportunity-tags{display:flex;gap:6px;flex-wrap:wrap;max-width:60%}.opportunity-tag{background:#ffffff1a;border:1px solid var(--c-border);color:var(--c-text-secondary);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;transition:all .2s ease}.opportunity-tag:hover{background:#ea580c1a;border-color:#ea580c4d;color:var(--c-text-primary)}.opportunities-empty{text-align:center;padding:80px 20px;color:var(--c-text-secondary);grid-column:1 / -1}.opportunities-empty h3{font-size:1.5rem;margin:0 0 8px;color:var(--c-text-primary)}.opportunities-empty p{margin:0;font-size:1rem}.opportunities-loading{display:flex;justify-content:center;align-items:center;min-height:400px;grid-column:1 / -1}.opportunities-error{text-align:center;padding:60px 20px;color:var(--c-text-secondary);grid-column:1 / -1}.opportunities-error h3{color:#ff3b30;margin:0 0 8px}@media (max-width: 1024px){.opportunities-filters{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 768px){.opportunities-container{padding:16px}.opportunities-header h1{font-size:2rem}.opportunities-filters{grid-template-columns:1fr;gap:12px}.opportunities-grid{grid-template-columns:1fr;gap:16px}.opportunity-card{padding:20px}.opportunity-header{flex-direction:column;gap:8px;align-items:flex-start}.opportunity-type{margin-left:0;align-self:flex-start}.opportunity-footer{flex-direction:column;gap:12px;align-items:stretch}.opportunity-tags{max-width:100%;justify-content:center}}@media (max-width: 480px){.opportunities-container{padding:12px}.opportunities-header{padding:20px 0}.opportunities-header h1{font-size:1.8rem}.opportunities-filters,.opportunity-card{padding:16px}}.roadmaps-container{width:100%;max-width:1400px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid;grid-template-columns:320px 1fr;gap:32px;min-height:calc(100vh - 140px)}.roadmaps-sidebar{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);height:fit-content;position:sticky;top:24px}.roadmaps-sidebar h2{font-size:1.5rem;font-weight:600;color:var(--c-text-primary);margin:0 0 24px;background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmap-list{display:flex;flex-direction:column;gap:12px}.roadmap-item{background:transparent;border:1px solid var(--c-border);border-radius:12px;padding:16px;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--c-text-primary);position:relative;overflow:hidden}.roadmap-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-accent);opacity:0;transition:opacity .3s ease}.roadmap-item:hover{background:#ea580c0d;border-color:#ea580c4d;transform:translate(4px)}.roadmap-item:hover:before{opacity:1}.roadmap-item.selected{background:#ea580c1a;border-color:var(--c-border-focus);box-shadow:0 4px 12px #ea580c33}.roadmap-item.selected:before{opacity:1}.roadmap-item-title{font-weight:600;font-size:1rem;margin:0 0 4px;line-height:1.3}.roadmap-item-category{color:var(--c-text-subtle);font-size:.85rem;margin:0}.roadmap-content{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:32px;box-shadow:var(--shadow-card);min-height:500px;display:flex;flex-direction:column}.roadmap-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--c-text-secondary);text-align:center}.roadmap-placeholder h3{font-size:1.5rem;margin:0 0 8px;color:var(--c-text-primary)}.roadmap-placeholder p{margin:0;font-size:1rem}.roadmap-detail-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--c-border)}.roadmap-detail-title{font-size:2rem;font-weight:700;color:var(--c-text-primary);margin:0 0 12px;line-height:1.2}.roadmap-detail-description{color:var(--c-text-secondary);font-size:1.1rem;line-height:1.6;margin:0}.roadmap-steps{flex:1}.roadmap-steps ol{list-style:none;padding:0;margin:0;counter-reset:step-counter}.roadmap-step{position:relative;padding:20px 0 20px 60px;border-left:2px solid var(--c-border);margin-left:20px;counter-increment:step-counter}.roadmap-step:last-child{border-left-color:transparent}.roadmap-step:before{content:counter(step-counter);position:absolute;left:-21px;top:20px;width:40px;height:40px;background:var(--gradient-accent);color:var(--c-text-on-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #ea580c4d}.roadmap-step-title{font-size:1.2rem;font-weight:600;color:var(--c-text-primary);margin:0 0 8px;line-height:1.3}.roadmap-step-description{color:var(--c-text-secondary);line-height:1.5;margin:0;font-size:.95rem}.roadmap-loading{display:flex;justify-content:center;align-items:center;height:100%}.roadmap-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--c-text-secondary);text-align:center}.roadmap-error h3{color:#ff3b30;margin:0 0 8px}@media (max-width: 1024px){.roadmaps-container{grid-template-columns:280px 1fr;gap:24px}.roadmaps-sidebar{padding:20px}.roadmap-content{padding:24px}}@media (max-width: 768px){.roadmaps-container{grid-template-columns:1fr;gap:20px;padding:16px}.roadmaps-sidebar{position:static;order:2}.roadmap-content{order:1;padding:20px;min-height:400px}.roadmap-detail-title{font-size:1.6rem}.roadmap-step{padding-left:50px;margin-left:15px}.roadmap-step:before{left:-16px;width:32px;height:32px;font-size:.8rem}}@media (max-width: 480px){.roadmaps-container{padding:12px;gap:16px}.roadmaps-sidebar,.roadmap-content{padding:16px}.roadmap-detail-header{margin-bottom:24px;padding-bottom:16px}.roadmap-detail-title{font-size:1.4rem}.roadmap-step{padding-left:40px;margin-left:10px}.roadmap-step:before{left:-11px;width:24px;height:24px;font-size:.7rem}}.find-mentor-container{width:100%;max-width:1400px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid;grid-template-columns:2fr 1fr;gap:32px;min-height:calc(100vh - 140px)}.mentors-section{display:flex;flex-direction:column}.mentors-header{margin-bottom:32px;padding:24px 0}.mentors-header h1{font-size:2.5rem;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#ea580c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.mentors-header p{color:var(--c-text-secondary);font-size:1.1rem;margin:0;font-weight:400}.mentor-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:32px;padding:20px;background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;box-shadow:var(--shadow-card)}.filter-input,.filter-select{padding:12px 16px;border:1px solid var(--c-border);border-radius:12px;background:#ffffff0d;color:var(--c-text-primary);font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--c-border-focus);box-shadow:0 0 0 3px #ea580c33;background:#ffffff1a}.filter-input::placeholder{color:var(--c-text-subtle)}.filter-select option{background:var(--c-bg-dark-solid);color:var(--c-text-primary)}.mentors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.mentor-card{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.mentor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:0;transition:opacity .3s ease}.mentor-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003;border-color:#ea580c66}.mentor-card:hover:before{opacity:1}.mentor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.mentor-info{flex:1}.mentor-name{font-size:1.2rem;font-weight:600;color:var(--c-text-primary);margin:0 0 4px;line-height:1.3}.mentor-availability{color:var(--c-text-subtle);font-size:.85rem;margin:0;text-transform:capitalize}.request-button{background:var(--gradient-accent);color:var(--c-text-on-accent);border:none;padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ea580c4d}.request-button:hover{background:var(--gradient-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ea580c66}.mentor-expertise{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.expertise-tag{background:#ea580c26;color:#ea580c;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.request-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--c-border);display:grid;gap:12px}.request-textarea{width:100%;min-height:80px;padding:12px;border:1px solid var(--c-border);border-radius:12px;background:#ffffff0d;color:var(--c-text-primary);font-size:.9rem;font-family:inherit;resize:vertical;outline:none;line-height:1.4}.request-textarea:focus{border-color:var(--c-border-focus);box-shadow:0 0 0 3px #ea580c33;background:#ffffff1a}.request-textarea::placeholder{color:var(--c-text-subtle)}.request-actions{display:flex;gap:8px}.send-button,.cancel-button{padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none}.send-button{background:var(--gradient-accent);color:var(--c-text-on-accent);box-shadow:0 2px 8px #ea580c4d}.send-button:hover{background:var(--gradient-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ea580c66}.cancel-button{background:transparent;color:var(--c-text-secondary);border:1px solid var(--c-border)}.cancel-button:hover{background:#ffffff0d;color:var(--c-text-primary)}.requests-sidebar{background:var(--c-bg-content-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);height:fit-content;position:sticky;top:24px}.requests-sidebar h3{font-size:1.3rem;font-weight:600;color:var(--c-text-primary);margin:0 0 20px}.requests-list{display:flex;flex-direction:column;gap:16px}.request-item{background:#ffffff0d;border:1px solid var(--c-border);border-radius:12px;padding:16px;transition:all .2s ease}.request-item:hover{background:#ffffff14;border-color:#ea580c4d}.request-from{font-weight:600;color:var(--c-text-primary);margin:0 0 8px;font-size:.9rem}.request-message{color:var(--c-text-secondary);font-size:.85rem;line-height:1.4;margin:0 0 8px}.request-status{color:var(--c-text-subtle);font-size:.8rem;text-transform:capitalize}.mentors-empty,.requests-empty{text-align:center;padding:40px 20px;color:var(--c-text-secondary)}.mentors-empty{grid-column:1 / -1}.mentors-empty h3,.requests-empty h3{font-size:1.2rem;margin:0 0 8px;color:var(--c-text-primary)}.mentors-empty p,.requests-empty p{margin:0;font-size:.9rem}.mentors-loading,.requests-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.mentors-loading{grid-column:1 / -1}@media (max-width: 1024px){.find-mentor-container{grid-template-columns:1fr;gap:24px}.requests-sidebar{position:static;order:2}.mentors-section{order:1}}@media (max-width: 768px){.find-mentor-container{padding:16px;gap:20px}.mentors-header h1{font-size:2rem}.mentor-filters{grid-template-columns:1fr;gap:12px}.mentors-grid{grid-template-columns:1fr;gap:16px}.mentor-card,.requests-sidebar{padding:20px}}@media (max-width: 480px){.find-mentor-container{padding:12px}.mentors-header{padding:16px 0}.mentors-header h1{font-size:1.8rem}.mentor-filters,.mentor-card,.requests-sidebar{padding:16px}}