@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,input,select,textarea{font-family:inherit;font-size:16px}.container{padding:0 15px}@media (max-width:768px){.container{padding:0 10px}body{font-size:14px}}@media (max-width:480px){.container{padding:0 8px}body{font-size:13px}}.landing-page{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header .container{align-items:center;display:flex;justify-content:space-between;padding:1rem 20px}.logo{color:#1a73e8;font-size:1.5rem;gap:10px}.logo,.logo-img{align-items:center;display:flex;font-weight:700}.logo-img{background:linear-gradient(135deg,#1a73e8,#4285f4);border-radius:8px;color:#fff;font-size:1.2rem;height:40px;justify-content:center;width:40px}.nav{display:flex;gap:2rem}.nav a{color:#333;font-weight:500;text-decoration:none;transition:color .3s ease}.nav a:hover{color:#1a73e8}.auth-buttons{display:flex;gap:1rem}.btn-login{background:#0000;border:1px solid #1a73e8;border-radius:8px;color:#1a73e8;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.btn-login:hover,.btn-signup{background:#1a73e8;color:#fff}.btn-signup{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.btn-signup:hover{background:#1557b0;transform:translateY(-2px)}.hero{align-items:center;background:linear-gradient(135deg,#f8faff,#e8f2ff);display:flex;min-height:100vh;padding:120px 0 80px}.hero .container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-title{color:#1a1a1a;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a73e8,#4285f4);-webkit-background-clip:text;color:#1a73e8}.hero-subtitle{color:#666;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.btn-primary{background:#1a73e8;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-primary:hover{background:#1557b0;box-shadow:0 10px 25px #1a73e84d;transform:translateY(-2px)}.btn-primary.large{font-size:1.2rem;padding:1.25rem 2.5rem}.btn-secondary{background:#0000;border:2px solid #1a73e8;border-radius:12px;color:#1a73e8;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-secondary:hover{background:#1a73e8;color:#fff;transform:translateY(-2px)}.hero-stats{display:flex;gap:3rem}.stat{text-align:center}.stat-number{color:#1a73e8;display:block;font-size:2rem}.stat-label{font-size:.9rem}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-logo{background:#0000;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1));height:auto;max-width:500px}.features{background:#fff;padding:80px 0}.section-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.section-description{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 40px;max-width:800px;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:#1a73e8;box-shadow:0 20px 40px #0000001a}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{line-height:1.6}.how-it-works{background:#f8faff;padding:80px 0}.steps{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{position:relative;text-align:center}.step-number{align-items:center;background:#1a73e8;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.step p{color:#666;line-height:1.6}.about{background:#fff;padding:80px 0}.team-grid{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:1000px}.team-member{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.team-member:hover{transform:translateY(-5px)}.founder{margin:0 auto;max-width:400px}.contributors-section{width:100%}.contributors-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.contributors-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.member-photo{align-items:center;background:linear-gradient(135deg,#1a73e8,#4285f4);border-radius:50%;color:#fff;display:flex;font-size:3rem;height:120px;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;width:120px}.member-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.member-avatar{align-items:center;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.team-member h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.member-title{color:#1a73e8;font-weight:600;margin-bottom:1rem}.member-bio{color:#666;line-height:1.6;margin-bottom:1.5rem}.cta{background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;padding:80px 0;text-align:center}.cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta .btn-primary{background:#fff;color:#1a73e8}.cta .btn-primary:hover{background:#f0f4ff;transform:translateY(-2px)}.footer{background:#1a1a1a;color:#fff;padding:60px 0 20px}.footer-content{grid-gap:3rem;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem}.footer-section h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#1a73e8}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{align-items:center;background:#333;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-links a:hover{background:#1a73e8;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #333;color:#ccc;padding-top:2rem}.auth-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.auth-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;max-width:400px;padding:2rem;position:relative;width:90%}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.modal-content{text-align:center}.modal-content h2{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.modal-content p{color:#666;margin-bottom:2rem}.full-width{width:100%}.switch-auth{color:#666;margin-top:1rem}.link-button{background:none;border:none;color:#1a73e8;cursor:pointer;margin-left:.5rem;text-decoration:underline}@media (max-width:768px){.header .container{flex-direction:column;gap:1rem}.nav{display:none}.hero .container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{align-items:center;flex-direction:column}.hero-stats{justify-content:center}.contributors-grid,.features-grid,.footer-content,.steps{grid-template-columns:1fr}.footer-content{text-align:center}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}@media (max-width:768px){.auth-container{padding:15px}}.auth-card{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.auth-card h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.auth-card h2{color:#666;font-size:1.5rem;margin-bottom:30px}.auth-card input,.auth-card select{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:15px;transition:border-color .3s;width:100%}.auth-card input:focus,.auth-card select:focus{border-color:#667eea;outline:none}.primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:15px;transition:transform .2s;width:100%}.primary-btn:hover:not(:disabled){transform:translateY(-2px)}.primary-btn:disabled{cursor:not-allowed;opacity:.6}.auth-links{display:flex;gap:10px;justify-content:space-between}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;text-decoration:underline}.link-btn:hover{color:#764ba2}.back-btn{background:none;color:#667eea;font-size:14px;left:20px;padding:8px 12px;position:absolute;top:20px;transition:all .3s ease}.back-btn:hover{background:#f0f4ff;color:#764ba2}.error,.success{font-size:14px;margin-bottom:15px}.role-selection{display:flex;gap:20px;margin-bottom:30px}.role-card{border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;flex:1 1;padding:30px 20px;transition:all .3s}.role-card:hover{border-color:#667eea;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.role-emoji{font-size:3rem;margin-bottom:15px}.role-card h3{color:#333;font-size:1.2rem;margin-bottom:10px}.role-card p{color:#666;font-size:14px;margin:0}.username-field{position:relative}.dashboard-container{background:#f8f9fa;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.dashboard-header h1{color:#333;margin:0}.logout-btn{padding:10px 20px}.dashboard-content{margin:0 auto;max-width:1200px}.welcome-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.user-info{align-items:center;display:flex;gap:20px}.user-avatar{background:#f8f9fa;border-radius:50%;font-size:4rem;padding:20px}.user-details h2{color:#333;margin:0 0 10px}.user-role{color:#666;margin:5px 0}.role-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.user-email{color:#666;margin:5px 0}.dashboard-features{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.dashboard-features h3{color:#333;margin-bottom:20px;text-align:center}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;padding:25px;text-align:center;transition:all .3s}.feature-card:hover{border-color:#667eea;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.feature-card h4{color:#333;font-size:1.1rem;margin-bottom:10px}.feature-card p{color:#666;font-size:14px;margin:0}@media (max-width:768px){.auth-card{padding:30px 20px}.auth-card h1{font-size:2rem}.auth-card h2{font-size:1.3rem}.role-selection{flex-direction:column}.auth-links,.dashboard-header{flex-direction:column;gap:15px}.dashboard-header{padding:15px 20px;text-align:center}.user-info{flex-direction:column;text-align:center}.feature-grid{grid-template-columns:1fr}.dashboard-container{padding:15px}.dashboard-features,.welcome-card{padding:20px}}@media (max-width:480px){.auth-card{padding:25px 15px}.auth-card h1{font-size:1.8rem}.auth-card input,.auth-card select,.primary-btn{font-size:14px;padding:12px}.role-card{padding:20px 15px}.role-emoji{font-size:2.5rem}.dashboard-container{padding:10px}.dashboard-features,.welcome-card{padding:15px}.user-avatar{font-size:3rem;padding:15px}}.profile-editor{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-editor.embedded{background:none;display:flex;flex-direction:column;height:100%;padding:0;position:static;width:100%}.profile-editor.embedded .editor-content{flex:1 1;height:100%;overflow:hidden;padding:0}.profile-editor.embedded .step-navigation{background:none;box-shadow:none;position:-webkit-sticky;position:sticky;top:0;z-index:10}.profile-editor>div{background:none;border-radius:0;max-height:none;max-width:none;overflow:visible;width:100%}.editor-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 30px}.editor-header h2{color:#333;margin:0}.step-navigation{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#c6bbf926,#b7a7f326 50%,#a993ed26);border-bottom:2px solid #c6bbf933;display:flex;gap:10px;justify-content:center;margin:0 auto 0 calc(50% - 390px);max-width:700px;overflow-x:auto;padding:20px;width:calc(100% - 120px)}.step-btn{align-items:center;background:#000!important;border:1px solid #333;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;flex-direction:column;font-weight:700!important;min-width:140px;padding:16px 20px;transition:all .4s ease;white-space:nowrap}.step-btn:first-child{background:linear-gradient(135deg,#fef08a,#fde047 50%,#facc15)!important;border-color:#f59e0b!important;color:#92400e!important}.step-btn:nth-child(2){background:linear-gradient(135deg,#ffedd5,#fed7aa 50%,#fdba74)!important;border-color:#f97316!important;color:#9a3412!important}.step-btn:nth-child(3){background:linear-gradient(135deg,#6ee7b7,#34d399 50%,#10b981)!important;border-color:#059669!important;color:#064e3b!important}.step-btn:nth-child(4){background:linear-gradient(135deg,#a9c8fa,#8fb4f7)!important;border-color:#667eea!important;color:#1e3a8a!important}.step-btn:nth-child(5){background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border-color:#d97706!important;color:#92400e!important}.step-btn:nth-child(6){background:linear-gradient(135deg,#34d399,#10b981)!important;border-color:#059669!important;color:#064e3b!important}.step-btn:nth-child(7){background:linear-gradient(135deg,#00bcd4,#26c6da)!important;border-color:#00bcd4!important;color:#000!important}.step-btn:hover{animation:stepButtonGlow .6s ease-in-out;border:2px solid #a5b4fc;box-shadow:0 0 15px #a5b4fc,0 0 25px #a5b4fc,0 0 35px #a5b4fc;transform:translateY(-4px)}@keyframes stepButtonGlow{0%{box-shadow:0 0 5px #a5b4fc}50%{box-shadow:0 0 20px #a5b4fc,0 0 30px #a5b4fc}to{box-shadow:0 0 15px #a5b4fc,0 0 25px #a5b4fc,0 0 35px #a5b4fc}}.step-btn.active{background:#f8f9ff;border-color:#667eea}.step-btn.completed{background:#f2fdf2;border-color:#27ae60}.step-icon{font-size:24px;margin-bottom:5px}.step-label{color:#000;font-size:14px;font-weight:700;text-align:center}.editor-content{padding:0}.step-content{background:linear-gradient(135deg,#e8ecff,#dbeafe);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;height:calc(100vh - 200px);margin:0 60px;max-width:700px;overflow-y:auto;padding:40px;width:calc(100% - 120px)}.step-content:has(.category-selection){overflow-y:auto}.step-content h3{color:#1e293b;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:20px}.step-content input,.step-content select,.step-content textarea{border:2px solid #000;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.step-content input:focus,.step-content select:focus,.step-content textarea:focus{border-color:#667eea;outline:none}.array-item{background:#0000;border:none;border-radius:12px;margin-bottom:15px;padding:20px;position:relative}.date-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:25px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-row.triple{grid-template-columns:1fr 1fr 1fr}.input-group{position:relative}.input-group input,.input-group select,.input-group textarea{margin-bottom:0}.required-field:after{color:#ef4444;content:" *";font-weight:700}.form-section{background:#0000;border:2px solid #000;border-radius:12px;margin-bottom:30px;padding:25px}.form-section h4{border-bottom:2px solid #e2e8f0;color:#374151;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.file-upload-area{background:#f8fafc80;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:30px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-upload-area:hover{background:#667eea0d;border-color:#667eea}.file-upload-area.dragover{background:#667eea1a;border-color:#667eea;transform:scale(1.02)}.upload-icon{color:#94a3b8;font-size:48px;margin-bottom:15px}.upload-text{color:#64748b;font-size:16px;margin-bottom:10px}.upload-hint{color:#94a3b8;font-size:14px}.step-content input[type=file]{background:#fff;border:2px solid #000;border-radius:6px;box-sizing:border-box;display:block;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.custom-file-input{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-file-input:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.remove-btn{background:#e74c3c;border:none;border-radius:4px;font-size:12px;padding:5px 10px;position:absolute;right:10px;top:10px}.add-btn,.remove-btn{color:#fff;cursor:pointer}.add-btn{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);border:none;border-radius:6px;font-weight:600;padding:12px 20px}.add-btn:hover{background:linear-gradient(135deg,#c4b5fd,#a5b4fc)}.category-selection{background:#0000;border:2px solid #000;border-radius:12px;margin-bottom:30px;padding:25px}.category-selection h4{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px}.category-limit{background:#f1f5f9;border-radius:20px;color:#475569;font-size:12px;font-weight:500;padding:4px 12px}.category-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.category-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#c6bbf91a,#b7a7f31a 50%,#a993ed1a);border:2px solid #ffffff4d;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:15px;text-align:center;transition:all .3s}.category-card:hover{border-color:#667eea}.category-card.selected{background:#f8f9ff;border-color:#667eea;color:#667eea}.tag-selection{background:#0000;border:2px solid #000;border-radius:12px;margin-bottom:30px;padding:25px}.tag-selection h4{color:#374151;font-size:18px;font-weight:600;margin-bottom:20px}.tag-dropdown{align-items:center;background:#0000;border:none;border-radius:12px;display:flex;gap:15px;padding:20px}.dropdown-group{flex:1 1}.dropdown-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.selected-interests{background:#0000;border:2px solid #000;border-radius:12px;padding:25px}.selected-interests h4{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:20px}.tag-counter{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.interests-list{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);border-radius:20px;gap:8px;padding:8px 12px}.interest-tag,.remove-tag{align-items:center;display:flex}.remove-tag{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:16px;justify-content:center;padding:0;width:16px}.interest-card{border:2px solid #e1e5e9;border-radius:6px;cursor:pointer;font-size:13px;padding:10px 12px;text-align:center;transition:all .3s}.interest-card:hover{border-color:#667eea}.interest-card.selected{background:#f8f9ff;border-color:#667eea;color:#667eea;font-weight:600}.checkbox-label{align-items:center;background:#0000;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:20px;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkbox-label:hover{background:#667eea0d;border-color:#667eea33}.checkbox-label input[type=checkbox]{accent-color:#667eea;height:20px;margin:0;width:20px}.profile-preview{border-radius:50%;height:100px;margin:10px 0;object-fit:cover;width:100px}.editor-actions{align-items:center;background:#0000;border:none;display:flex;flex-direction:column;gap:15px;margin-top:auto;overflow:visible;padding:30px 0}.save-section-btn{background:#ddd8d1;border:2px solid #000;border-radius:6px;color:#000;cursor:pointer;font-weight:600;margin-left:30px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-section-btn:hover{animation:saveBtnElectricGlow .6s ease-in-out;border:2px solid #6772d8;box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8;transform:translateY(-3px) scale(1.02)}@keyframes saveBtnElectricGlow{0%{box-shadow:0 0 5px #6772d8}50%{box-shadow:0 0 20px #6772d8,0 0 30px #6772d8}to{box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8}}.navigation-buttons{align-items:center;display:flex;justify-content:space-between;margin:0;padding:0;width:100%}.back-btn{background:#ddd8d1!important;border:2px solid #000!important;border-radius:6px!important;color:#000!important;cursor:pointer!important;font-weight:600!important;margin-left:30px!important;padding:12px 20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.back-btn:hover{animation:backBtnElectricGlow .6s ease-in-out;border:2px solid #6772d8;box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8;transform:translateY(-3px) scale(1.02)}@keyframes backBtnElectricGlow{0%{box-shadow:0 0 5px #6772d8}50%{box-shadow:0 0 20px #6772d8,0 0 30px #6772d8}to{box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8}}.next-btn{background:#ddd8d1!important;border:2px solid #000!important;border-radius:6px!important;color:#000!important;cursor:pointer!important;font-weight:600!important;padding:12px 20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.next-btn:hover{animation:nextBtnElectricGlow .6s ease-in-out;border:2px solid #6772d8;box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8;transform:translateY(-3px) scale(1.02)}@keyframes nextBtnElectricGlow{0%{box-shadow:0 0 5px #6772d8}50%{box-shadow:0 0 20px #6772d8,0 0 30px #6772d8}to{box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8}}.final-actions{display:flex;gap:15px;justify-content:center;margin-top:auto;padding:30px 0}.save-profile-btn{background:#ddd8d1;border:2px solid #000;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#000;cursor:pointer;display:block;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.save-profile-btn:hover{animation:saveProfileBlueGlow .6s ease-in-out;border-color:#3b82f6;box-shadow:0 0 15px #3b82f6,0 0 25px #3b82f6,0 0 35px #3b82f6;transform:translateY(-2px) scale(1.05)}@keyframes saveProfileBlueGlow{0%{box-shadow:0 0 5px #3b82f6}50%{box-shadow:0 0 20px #3b82f6,0 0 30px #3b82f6}to{box-shadow:0 0 15px #3b82f6,0 0 25px #3b82f6,0 0 35px #3b82f6}}.cancel-btn{background:#e74c3c;border:none;color:#fff;padding:12px 20px}.error{background:#fdf2f2;color:#e74c3c}.error,.success{border-radius:6px;margin:15px 0;padding:10px}.success{background:#f2fdf2;border:1px solid #27ae60;color:#27ae60}.mentor-filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px}.filter-section,.mentor-filters{margin-bottom:20px}.filter-section h4{color:#333;margin-bottom:10px}.filter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.filter-tag{align-items:center;background:#667eea;border-radius:20px;color:#fff;display:flex;font-size:12px;gap:5px;padding:5px 12px}.filter-tag .remove{cursor:pointer;font-weight:700}.filter-actions{gap:10px}.clear-filters-btn{background:#6c757d}.apply-filters-btn,.clear-filters-btn{border:none;border-radius:6px;color:#fff;padding:8px 15px}.apply-filters-btn{background:#667eea;cursor:pointer;font-weight:600}.mentor-profile-view{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.profile-avatar{border:4px solid #fff;border-radius:50%;height:120px;margin-bottom:15px;object-fit:cover;width:120px}.profile-name{font-size:2rem;margin-bottom:10px}.profile-bio{margin:0 auto;max-width:600px;opacity:.9}.profile-content{padding:30px}.profile-section{margin-bottom:30px}.profile-section h3{border-bottom:2px solid #e1e5e9;color:#333;font-size:1.3rem;margin-bottom:15px;padding-bottom:5px}.languages-list,.skills-list{display:flex;flex-wrap:wrap;gap:10px}.language-tag,.skill-tag{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:20px;font-size:14px;padding:8px 12px}.edit-profile-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:8px 15px;position:absolute;right:20px;top:20px}@media (max-width:1024px){.step-navigation{gap:8px;padding:20px 10px 15px}.step-btn{min-width:100px;padding:12px 8px}.step-icon{font-size:20px}.step-label{font-size:11px}}@media (max-width:768px){.step-navigation{flex-wrap:wrap;gap:8px;justify-content:center;padding:15px 10px}.step-btn{align-items:center;flex-direction:row;justify-content:center;min-width:80px;padding:10px 8px;width:auto}.step-icon{font-size:16px;margin-bottom:0;margin-right:5px}.step-label{font-size:10px}.editor-content{padding:20px 15px}.interests-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.category-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.date-row{gap:10px;grid-template-columns:1fr}.final-actions,.navigation-buttons{flex-direction:column;gap:10px}.array-item{padding:15px}}@media (max-width:480px){.step-navigation{gap:5px;padding:10px 5px}.step-btn{min-width:70px;padding:8px 5px}.step-label{font-size:9px}.editor-content{padding:15px 10px}.category-grid,.interests-grid{grid-template-columns:1fr}.tag-dropdown{flex-direction:column;gap:10px}.interests-list{gap:5px}.interest-tag{font-size:11px;padding:6px 10px}}.blog-section{background:#f0f2f5;margin:0 auto;max-width:720px;min-height:100vh;padding:32px 24px}.blog-header{align-items:center;background:#fff;border:1px solid #e7e9eb;border-radius:10px;box-shadow:0 1px 3px #00000014,0 1px 2px #00000029;margin-bottom:24px;padding:20px 24px}.blog-header h2{color:#0077b5;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin:0}.create-blog-btn{background:#0a66c2;border-radius:20px;box-shadow:0 2px 4px #0a66c24d;font-size:15px;padding:10px 20px;transition:background .3s ease,box-shadow .3s ease}.create-blog-btn:hover{background:#005191;box-shadow:0 4px 8px #0a66c266}.blogs-grid{display:flex;flex-direction:column;gap:12px}.blog-card{border:1px solid #ebecee;border-radius:10px;box-shadow:0 1px 3px #0000000f,0 2px 5px #00000008;overflow:hidden;transition:box-shadow .3s ease,transform .1s}.blog-card:hover{box-shadow:0 6px 15px #0000001a,0 2px 4px #0000000d;transform:translateY(-2px)}.blog-author-header{align-items:center;display:flex;gap:12px;padding:16px 20px 0}.blog-author-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000000d;height:52px;width:52px}.blog-author-info h4{color:#1c1e21;font-size:15px;font-weight:600;margin:0}.blog-author-info p{color:#606770;font-size:13px;line-height:1.4;margin:0}.blog-content{padding:12px 20px 0}.blog-content h3{color:#1c1e21;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.blog-description{color:#4b4f56;font-size:15px;margin:0 0 16px}.blog-image{border-radius:8px;height:200px;margin:8px 0 0;overflow:hidden;width:100%}.blog-image img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-image img{transform:scale(1.02)}.blog-meta{color:#606770;display:flex;font-size:12px;justify-content:space-between;margin:8px 20px;padding-bottom:8px}.blog-stats{align-items:center;border-top:1px solid #f2f3f5;color:#606770;font-size:13px;gap:8px;padding:8px 20px}.blog-stats span{align-items:center;display:flex;gap:4px}.blog-stats span:not(:last-child):after{color:#c9ccd0;content:"•";margin-left:4px}.blog-actions-preview{border-top:1px solid #f2f3f5;display:flex;padding:4px 12px 8px}.action-btn-preview{align-items:center;background:none;border:none;border-radius:6px;color:#606770;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 8px;transition:background-color .2s}.action-btn-preview:hover{background:#f2f3f5;color:#1c1e21}.action-btn-preview.liked{color:#0a66c2}.blog-modal{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.blog-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0006;max-height:90vh;max-width:650px;overflow-y:auto;position:relative;width:100%}.close-btn{background:#f2f3f5;position:absolute;right:12px;top:12px;transition:background .2s;z-index:1001}.close-btn:hover{background:#e4e6eb}.blog-header-modal{border-bottom:1px solid #f2f3f5;padding:24px 28px 16px}.blog-header-modal h2{color:#1c1e21;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 12px}.blog-header-modal .blog-meta{margin:0;padding:0}.blog-images{display:block;padding:0}.blog-images img{border-radius:8px;display:block;height:auto;margin-bottom:8px;max-height:450px;object-fit:cover;width:100%}.blog-content-modal{color:#4b4f56;font-size:16px;line-height:1.6;padding:20px 28px}.blog-actions{border-top:1px solid #f2f3f5;justify-content:space-between;padding:16px 28px}.like-btn{background:none;border:1px solid #0a66c2;border-radius:20px;color:#0a66c2;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s ease}.like-btn:hover{background:#0a66c214}.like-btn.liked{background:#0a66c2;box-shadow:0 2px 4px #0a66c24d;color:#fff}.delete-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.delete-btn:hover{background:#c82333;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.stats{color:#606770;font-size:13px}.comments-section{background:#f7f7f8;border-top:1px solid #f2f3f5;padding:20px 28px 28px}.comments-section h3{color:#1c1e21;font-size:18px;font-weight:700;margin:0 0 20px}.add-comment{align-items:flex-start;display:flex;gap:12px;margin-bottom:24px}.add-comment textarea{background:#fff;border:1px solid #c9ccd0;border-radius:8px;flex:1 1;font-family:inherit;font-size:15px;min-height:48px;padding:10px 14px;resize:none;transition:border-color .2s,box-shadow .2s}.add-comment textarea:focus{background:#fff;border-color:#0a66c2;box-shadow:0 0 0 1px #0a66c2;outline:none}.add-comment button{background:#0a66c2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s ease;white-space:nowrap}.add-comment button:hover{background:#005191}.comments-list{display:flex;flex-direction:column;gap:16px}.comment{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:16px}.comment-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.comment-avatar{border:1px solid #e4e6eb;border-radius:50%;height:36px;width:36px}.comment-author{color:#1c1e21;display:block;font-size:15px;font-weight:600}.comment-date{color:#606770;font-size:12px}.delete-comment-btn{background:none;border:none;border-radius:4px;color:#606770;cursor:pointer;font-size:16px;opacity:.8;padding:4px;transition:opacity .2s,background .2s}.delete-comment-btn:hover{background:#e4e6eb;opacity:1}.comment-content{color:#4b4f56;font-size:15px;line-height:1.5;margin:0}.reply-btn{background:none;border:none;color:#0a66c2;cursor:pointer;font-size:13px;font-weight:600;margin-top:10px;padding:4px 0;transition:color .2s}.reply-btn:hover{color:#005191;text-decoration:underline}.reply-form{background:#f2f3f5;border:1px solid #e4e6eb;border-radius:8px;margin-top:12px;padding:16px}.reply-form textarea{background:#fff;border:1px solid #c9ccd0;border-radius:6px;margin-bottom:10px;padding:8px 12px}.reply-form textarea:focus{border-color:#0a66c2;box-shadow:0 0 0 1px #0a66c2}.reply-actions button:first-child{background:#0a66c2;border-radius:18px;color:#fff;padding:8px 16px}.reply-actions button:last-child{background:#fff;border:1px solid #c9ccd0;border-radius:18px;color:#606770;padding:8px 16px}.replies{border-left:3px solid #e4e6eb;margin-left:20px;margin-top:16px;padding-left:16px}.reply{background:#fff;border:1px solid #f2f3f5;border-radius:6px;margin-bottom:12px;padding:12px}.reply-avatar{height:32px;width:32px}@media (max-width:768px){.blog-section{padding:16px 12px}.blog-modal{padding:12px}.blog-modal-content{border-radius:8px;max-height:98vh}.blog-actions,.blog-content-modal,.blog-header-modal,.comments-section{padding:16px 20px}.add-comment{flex-direction:column;gap:12px}.add-comment button{align-self:flex-end}}@media (max-width:480px){.blog-section{padding:8px}.blog-header{padding:12px 16px}.blog-header h2{font-size:1.3rem}.blog-author-header,.blog-content,.blog-meta,.blog-stats{padding-left:16px;padding-right:16px}.blog-actions-preview{padding:4px 8px 8px}}.create-blog{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:800px;padding:20px}.create-blog-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.back-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#666;font-weight:600;padding:8px 16px}.back-btn:hover{background:#e9ecef;color:#333}.create-blog-header h2{color:#333;margin:0}.blog-form{gap:25px}.blog-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.tags-input{display:flex;gap:10px}.tags-input input{flex:1 1}.tags-input button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;white-space:nowrap}.tags-list{margin-top:10px}.tag{background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:1px solid #e1e5f0;border-radius:20px;color:#667eea;font-weight:600;gap:6px;padding:6px 12px}.tag button{color:#667eea;font-weight:700}.file-input{padding:8px!important}.images-preview{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.image-preview{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.image-preview button{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:5px;top:5px;width:24px}.form-actions{border-top:1px solid #eee;gap:15px;padding-top:20px}.cancel-btn{background:#f8f9fa;border:1px solid #ddd;font-weight:600;padding:12px 24px;transition:all .3s}.cancel-btn:hover{background:#e9ecef;color:#333}.submit-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .3s}.submit-btn:disabled{opacity:.7}@media (max-width:768px){.create-blog{margin:10px;padding:15px}.create-blog-header{align-items:flex-start;gap:15px}.create-blog-header,.tags-input{flex-direction:column}.images-preview{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.form-actions{flex-direction:column}}.notification-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.notification-panel{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;margin-top:60px;max-height:80vh;width:400px}.notification-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.notification-header h3{color:#333;font-size:1.2rem;margin:0}.notification-actions{align-items:center;display:flex;gap:10px}.clear-all-btn,.mark-read-btn{background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:background .3s}.clear-all-btn:hover,.mark-read-btn:hover{background:#f8f9ff}.clear-all-btn{color:#e74c3c}.clear-all-btn:hover{background:#fdf2f2}.close-btn{border-radius:4px;color:#666;padding:4px;transition:background .3s}.close-btn:hover{background:#f5f5f5}.notifications-list{flex:1 1;max-height:calc(80vh - 80px);overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;padding:15px 20px;position:relative;transition:background .3s}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#f8f9ff}.notification-item:last-child{border-bottom:none}.notification-icon{font-size:20px;margin-top:2px}.notification-content{flex:1 1}.notification-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{color:#666;font-size:13px;line-height:1.4;margin-bottom:6px}.notification-time{color:#888;font-size:11px}.unread-dot{background:#667eea;border-radius:50%;height:8px;margin-top:6px;width:8px}.loading{padding:40px 20px}.no-notifications{color:#666;padding:60px 20px;text-align:center}.no-notifications-icon{font-size:48px;margin-bottom:15px;opacity:.5}.no-notifications p{font-size:14px;margin:0}@media (max-width:768px){.notification-overlay{align-items:flex-start;justify-content:center;padding:10px}.notification-panel{margin-top:20px;max-height:90vh;max-width:400px;width:100%}.notification-header{padding:15px}.notification-item{padding:12px 15px}}.community-section{background:#f0f2f5;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.community-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.community-header h2{color:#1e3a8a;font-weight:600;margin:0}.create-community-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:25px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s}.create-community-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.communities-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.community-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px #00000014;cursor:pointer;transition:all .3s}.community-card:hover{border-color:#93c5fd;box-shadow:0 8px 25px #3b82f626;transform:translateY(-3px)}.community-card h3{color:#1e3a8a;font-weight:600;margin:0 0 10px}.community-card p{color:#6b7280;line-height:1.5;margin:0 0 15px}.community-meta{color:#9ca3af;margin-bottom:10px}.community-owner{color:#3b82f6;font-size:12px;font-weight:600}.community-chat{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:85vh;overflow:hidden}.chat-header{background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 2px 10px #1e40af33;color:#fff;gap:15px;padding:20px}.media-gallery-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;margin-left:auto;padding:10px 16px;transition:all .3s}.media-gallery-btn:hover{background:#ffffff40}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .3s}.back-btn:hover{background:#ffffff40}.community-info h3{font-size:1.2rem;font-weight:600;margin:0}.community-info p{font-size:14px;margin:5px 0 0;opacity:.9}.chat-messages{background:linear-gradient(180deg,#f8fafc 0,#e2e8f0);padding:20px}.message{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 2px 8px #0000000f;margin-bottom:12px;padding:16px;position:relative}.message:before{border-bottom:8px solid #0000;border-right:8px solid #fff;border-top:8px solid #0000;content:"";height:0;left:-8px;position:absolute;top:20px;width:0}.message-header{margin-bottom:10px}.sender{color:#1e40af;font-size:14px;font-weight:600}.time{color:#94a3b8}.message-content{color:#374151;font-size:15px;line-height:1.5;margin-bottom:10px}.message-file{margin:12px 0}.image-container{border-radius:12px;display:inline-block;overflow:hidden;position:relative}.message-image{border-radius:12px;cursor:pointer;max-height:200px;max-width:300px;transition:transform .3s}.message-image:hover{transform:scale(1.02)}.download-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e40afcc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;padding:8px;position:absolute;right:8px;top:8px;transition:all .3s;width:36px}.image-container:hover .download-overlay{opacity:1;transform:scale(1.1)}.file-attachment{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;display:flex;gap:12px;padding:12px}.file-attachment button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s}.file-attachment button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.reactions-section{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.reaction-buttons{display:flex;gap:6px;margin-bottom:10px}.react-btn{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px;transition:all .3s;width:36px}.react-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:scale(1.15)}.reaction-counts{display:flex;flex-wrap:wrap;gap:8px}.reaction-count{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:16px;box-shadow:0 2px 4px #3b82f61a;color:#1e40af;font-size:12px;font-weight:600;padding:6px 12px}.message-input{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:20px}.message-input textarea{background:#fff;border:1px solid #cbd5e1;border-radius:25px;flex:1 1;font-family:inherit;padding:12px 18px;resize:none;transition:all .3s}.message-input textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-input input[type=file]{background:#fff;border:1px solid #cbd5e1;border-radius:20px;padding:8px}.message-input button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:25px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s}.message-input button:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.message-input button:disabled{cursor:not-allowed;opacity:.7;transform:none}.uploading{align-items:center;display:flex;gap:8px}.loading-dots{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff 25%,#0000 50%,#fff 75%,#0000);background-size:200% 100%;border-radius:2px;display:inline-block;height:4px;width:20px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.create-community-form{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 32px #1e40af1a;margin:0 auto;max-width:600px;padding:32px}.form-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;margin-bottom:32px;padding-bottom:20px}.form-header h2{color:#1e40af;font-weight:600;margin:0}.form-group{margin-bottom:24px}.form-group label{color:#1e40af;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:12px;font-family:inherit;font-size:14px;padding:14px 16px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-actions{border-top:1px solid #e2e8f0;gap:16px;padding-top:24px}.form-actions button{border:none;border-radius:25px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s}.form-actions button[type=button]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#64748b}.form-actions button[type=button]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.form-actions button[type=submit]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.form-actions button[type=submit]:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.loading{box-shadow:0 4px 12px #0000001a;margin:20px}.media-gallery-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e40afe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.media-gallery{background:#fff;border-radius:20px;box-shadow:0 20px 60px #1e40af4d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.gallery-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;justify-content:space-between;padding:24px}.gallery-header h3{color:#fff;font-weight:600;margin:0}.close-btn{background:#ffffff26;color:#fff;font-size:18px;padding:8px;transition:all .3s}.close-btn:hover{background:#ffffff40;transform:scale(1.1)}.files-list{background:#fff;max-height:70vh;overflow-y:auto;padding:0}.file-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:16px 24px;transition:all .3s}.file-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.file-item:last-child{border-bottom:none}.file-icon-container{flex-shrink:0;height:48px;margin-right:16px;width:48px}.file-thumbnail{border:2px solid #e2e8f0;border-radius:8px;height:48px;object-fit:cover;width:48px}.file-icon-wrapper{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.file-icon{font-size:24px}.file-details{flex:1 1;min-width:0}.file-name{color:#1e40af;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#64748b;display:flex;font-size:12px;gap:12px}.file-type{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;color:#1e40af;font-weight:600;padding:2px 8px}.file-date{color:#94a3b8}.download-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50%;box-shadow:0 4px 12px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;margin-left:16px;padding:12px;transition:all .3s;width:44px}.download-btn:hover{box-shadow:0 6px 16px #3b82f64d;transform:scale(1.1)}.no-files{color:#64748b;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.community-section{padding:15px}.communities-grid{gap:15px;grid-template-columns:1fr}.community-chat{height:70vh}.chat-header,.chat-messages{padding:15px}.message-input{flex-direction:column;gap:10px}.create-community-form{margin:10px;padding:20px}.file-item{padding:12px 16px}.file-icon-container{margin-right:12px}.file-icon-container,.file-icon-wrapper,.file-thumbnail{height:40px;width:40px}.download-btn{height:36px;margin-left:8px;width:36px}.uploading{gap:4px}.loading-dots{height:3px;width:16px}}.feedback-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;z-index:10002}.feedback-modal{animation:modalSlideIn .3s cubic-bezier(.25,.46,.45,.94);border-radius:12px;box-shadow:0 10px 30px #0000001a,0 30px 60px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-height:90vh;max-width:540px;overflow:hidden;padding:0}.feedback-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;color:#1c1e21;display:flex;justify-content:space-between;padding:20px 30px}.feedback-header h3{font-size:22px;font-weight:700;margin:0}.close-btn{align-items:center;border-radius:50%;color:#606770;display:flex;font-size:20px;height:36px;justify-content:center;transition:background-color .2s,color .2s;width:36px}.close-btn:hover{background:#f2f3f5;color:#1c1e21}.feedback-form{padding:30px}.rating-section{margin-bottom:30px;text-align:center}.rating-section label{color:#1c1e21;display:block;font-size:18px;font-weight:600;letter-spacing:.5px;margin-bottom:20px}.star-rating{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.star{background:none;border:none;border-radius:50%;cursor:pointer;font-size:36px;padding:8px;transition:all .2s cubic-bezier(.17,.67,.83,.67)}.star:hover{background:#ffc1071a;transform:scale(1.15)}.star.active{color:#ffc107;filter:drop-shadow(0 0 4px rgba(255,193,7,.8))}.star:not(.active){color:#ccc;filter:none;opacity:1}.rating-text{color:#606770;font-size:15px;font-weight:500;margin-top:10px;min-height:20px}.feedback-section{margin-bottom:30px}.feedback-section label{color:#1c1e21;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.feedback-section textarea{border:1px solid #c9ccd0;border-radius:8px;font-family:inherit;font-size:15px;min-height:120px;padding:15px;resize:vertical;transition:border-color .3s,box-shadow .3s;width:100%}.feedback-section textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.feedback-actions{gap:15px;justify-content:flex-end}.cancel-btn,.submit-btn{border-radius:6px;font-size:15px;min-width:130px;padding:12px 28px;text-transform:capitalize;transition:all .2s ease}.cancel-btn{border:1px solid #c9ccd0;color:#606770}.cancel-btn:hover{background:#f2f3f5;color:#1c1e21}.submit-btn{background:#007bff;box-shadow:0 4px 10px #007bff4d}.submit-btn:hover:not(:disabled){background:#0069d9;box-shadow:0 6px 15px #007bff66;transform:translateY(-2px)}.submit-btn:disabled{box-shadow:none;transform:none}@media (max-width:768px){.feedback-modal{border-radius:0;margin:0;width:95%}.feedback-header{padding:15px 20px}.feedback-form{padding:20px}.star{font-size:32px}.feedback-actions{flex-direction:column-reverse;gap:10px}.cancel-btn,.submit-btn{min-width:0;min-width:auto;width:100%}}.sessions-panel{background:#fbf9f3;margin:0;max-width:none;min-height:100vh;padding:40px 60px}.sessions-header{align-items:center;background:linear-gradient(135deg,#e8ecff,#dbeafe);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;justify-content:space-between;margin-bottom:40px;padding:30px 40px}.sessions-header h2{color:#16123f;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.refresh-btn{align-items:center;background:#16123f;border-radius:50%;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.refresh-btn:hover{background:#1a1640;box-shadow:0 0 15px #16123fcc;transform:translateY(-2px) scale(1.05)}.sessions-list{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1400px}.session-card{align-items:flex-start!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 16px #00000014!important;display:flex!important;gap:16px!important;padding:24px!important;transition:all .3s ease!important}.session-card:hover{border-color:#3b82f6!important;box-shadow:0 12px 40px #00000026!important;transform:translateY(-8px)!important}.session-avatar{flex-shrink:0}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:56px;justify-content:center;text-transform:uppercase;width:56px}.session-info{display:flex;flex:1 1;flex-direction:column;gap:12px}.session-participants{display:flex;flex-direction:column;gap:4px}.participant-name{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.session-type{color:#666;font-size:14px;font-weight:500}.session-details{display:flex;flex-direction:column;gap:8px}.detail-row{align-items:center;display:flex;gap:8px}.detail-label{color:#666;font-size:13px;min-width:80px}.detail-value{color:#333;font-size:13px;font-weight:500}.status-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.session-actions{justify-content:flex-end}.accept-btn,.join-btn,.reject-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.join-btn{align-items:center;background:#2196f3;display:flex;font-size:15px;gap:8px;padding:12px 20px;transition:all .2s ease}.join-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.join-btn:hover{box-shadow:0 6px 16px #667eea80}.btn-icon{font-size:16px}.btn-text{font-weight:600}.join-btn.active{animation:pulse 2s infinite;background:#ff5722}.no-sessions{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 16px #00000014!important;color:#64748b!important;padding:60px!important;text-align:center!important}.loading{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #00000014;color:#64748b}.session-expired{color:#f44336;font-style:italic;font-weight:500}.completed-actions{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.meeting-completed{background:#4caf501a;border:1px solid #4caf50;border-radius:20px;color:#4caf50;font-weight:600;padding:8px 16px}.feedback-btn{align-items:center;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.feedback-btn:hover{box-shadow:0 2px 8px #ff980066;transform:translateY(-1px)}.session-status{align-items:center;display:flex;gap:10px}.delete-session-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.delete-session-btn:hover{background:#f443361a;transform:scale(1.1)}@media (max-width:768px){.session-info{align-items:flex-start;flex-direction:column;gap:10px}.session-details{margin:0}.session-actions{flex-wrap:wrap;justify-content:flex-start}.completed-actions{align-items:center;flex-direction:row;gap:10px}.feedback-btn{font-size:11px;padding:5px 10px}}:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-select-caret:rgba(var(--color-slate-900-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{-webkit-font-smoothing:antialiased;background-color:#fcfcf9;background-color:var(--color-background);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}body{margin:0;padding:0}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#21808d;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1d7480;color:var(--color-primary-hover)}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e524033;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#1d7480;background:var(--color-primary-hover)}.btn--primary:active{background:#1a6873;background:var(--color-primary-active)}.btn--secondary{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.btn--secondary:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn--secondary:active{background:#5e524040;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn--outline:hover{background:#5e52401f;background:var(--color-secondary)}.btn--sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);display:block;font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}textarea.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-control:focus{border-color:#21808d;border-color:var(--color-primary);outline:2px solid #21808d;outline:var(--focus-outline)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}.cloudflare-video-call{background:#fcfcf9;background:var(--color-background);color:#13343b;color:var(--color-text);flex-direction:column;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);overflow:hidden;z-index:9999}.cloudflare-video-call,.media-permission-overlay{display:flex;height:100vh;left:0;position:fixed;top:0;width:100vw}.media-permission-overlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#13343be6;background:rgba(var(--color-slate-900-rgb),.9);justify-content:center;z-index:10001}.media-permission-dialog{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);color:#13343b;color:var(--color-text);max-width:480px;padding:32px 24px;padding:var(--space-32) var(--space-24);text-align:center;width:90%}.permission-header{margin-bottom:32px;margin-bottom:var(--space-32)}.permission-icon-large{color:#21808d;color:var(--color-primary);font-size:30px;font-size:var(--font-size-4xl);margin-bottom:16px;margin-bottom:var(--space-16)}.permission-header h3{color:#13343b;color:var(--color-text);font-size:24px;font-size:var(--font-size-3xl);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.2;line-height:var(--line-height-tight);margin:0 0 12px;margin:0 0 var(--space-12) 0}.permission-header p{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:0}.permission-options{display:flex;flex-direction:column;gap:12px;gap:var(--space-12);margin:24px 0;margin:var(--space-24) 0}.permission-card{align-items:center;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:flex;padding:16px 20px;padding:var(--space-16) var(--space-20);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.permission-card:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.video-container{flex:1 1;min-height:0;padding:0}.remote-video,.video-container{align-items:center;background:#000;background:var(--color-black);display:flex;justify-content:center;position:relative}.remote-video{height:100%;width:100%}.remote-main-video,.remote-video video{height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.remote-main-video,.remote-pip-video,.remote-video video{background:#000;background:var(--color-black);object-position:center;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important}.remote-pip-video{border:2px solid #21808d;border:2px solid var(--color-primary);border-radius:10px;border-radius:var(--radius-md);bottom:24px;bottom:var(--space-24);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);height:135px;object-fit:cover;position:absolute;right:24px;right:var(--space-24);width:240px;z-index:1000}.remote-main-video,.remote-pip-video,.remote-video video{transform:scaleX(1)!important}.remote-main-video.screen-sharing,.remote-video.screen-sharing video{object-fit:contain;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important}.local-video{align-items:center;background:#000;background:var(--color-black);border:2px solid #21808d;border:2px solid var(--color-primary);border-radius:10px;border-radius:var(--radius-md);display:flex;height:135px;justify-content:center;left:20px;left:var(--space-20);overflow:hidden;position:absolute;top:20px;top:var(--space-20);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:240px;z-index:1000}.local-video,.local-video:hover{box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg)}.local-video:hover{border-color:#1d7480;border-color:var(--color-primary-hover);transform:scale(1.02)}.local-video video{height:100%;object-fit:cover;object-position:center;transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);width:100%}.local-video.screen-sharing video{object-fit:contain;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important}.camera-off-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#13343bd9;background:rgba(var(--color-slate-900-rgb),.85);border-radius:10px;border-radius:var(--radius-md);color:#13343b;color:var(--color-text);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.camera-off-icon{font-size:20px;font-size:var(--font-size-2xl);margin-bottom:8px;margin-bottom:var(--space-8)}.camera-off-icon,.camera-off-overlay span{color:#626c71;color:var(--color-text-secondary)}.camera-off-overlay span{font-size:12px;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal)}.waiting-message{align-items:center;color:#13343b;color:var(--color-text);display:flex;flex-direction:column;gap:20px;gap:var(--space-20);padding:32px;padding:var(--space-32);text-align:center}.waiting-icon{animation:pulse-slow 2s ease-in-out infinite;color:#21808d;color:var(--color-primary);font-size:30px;font-size:var(--font-size-4xl)}@keyframes pulse-slow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.waiting-text{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:400;font-weight:var(--font-weight-normal)}.call-controls{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffd;background:var(--color-surface);border-top:1px solid #5e524033;border-top:1px solid var(--color-border);bottom:0;box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;left:0;min-height:88px;padding:24px 32px;padding:var(--space-24) var(--space-32);position:fixed;right:0;z-index:10001}.timer{font-feature-settings:"tnum";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);min-width:120px;padding:10px 16px;padding:var(--space-10) var(--space-16);text-align:center}.timer .warning{animation:pulse-text 1.5s infinite;color:#c0152f;color:var(--color-error)}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.control-buttons{gap:16px;gap:var(--space-16)}.control-btn,.control-buttons{align-items:center;display:flex}.control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#13343b;color:var(--color-text);cursor:pointer;font-size:18px;font-size:var(--font-size-xl);height:56px;justify-content:center;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:56px}.control-btn:hover{background:#5e524033;background:var(--color-secondary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:scale(1.08) translateY(-2px)}.control-btn:active{transform:scale(.96) translateY(0)}.control-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.control-btn.muted,.control-btn.video-off{background:#c0152f;background:var(--color-error);color:#fff;color:var(--color-white)}.control-btn.muted:hover,.control-btn.video-off:hover{background:#c0152f;background:var(--color-error);filter:brightness(1.1)}.control-btn.sharing{color:#fff;color:var(--color-white)}.control-btn.sharing,.control-btn.sharing:hover{background:#21808d;background:var(--color-success)}.control-btn.sharing:hover{filter:brightness(1.1)}.control-btn.end-call{background:#c0152f;background:var(--color-error);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--color-white);font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);height:48px;letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);min-width:120px;padding:0 24px;padding:0 var(--space-24);text-transform:uppercase}.control-btn.end-call:hover{background:#c0152f;background:var(--color-error);filter:brightness(1.1);transform:scale(1.05) translateY(-2px)}.chat-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);color:#13343b;color:var(--color-text);flex-direction:column;height:500px;max-height:calc(100vh - 180px);max-width:600px;min-height:350px;min-width:300px;overflow:hidden;position:absolute;right:24px;right:var(--space-24);top:50%;transform:translateY(-50%);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:380px;z-index:10002}.chat-header,.chat-panel{display:flex;-webkit-user-select:none;user-select:none}.chat-header{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:move;cursor:grab;flex-shrink:0;justify-content:space-between;padding:16px 24px;padding:var(--space-16) var(--space-24);position:relative}.chat-header,.chat-header:active{background:#3b82f614;background:var(--color-bg-1)}.chat-header:active{cursor:grabbing;filter:brightness(1.1)}.chat-header h3{align-items:center;color:#13343b;color:var(--color-text);display:flex;font-weight:550;font-weight:var(--font-weight-semibold);gap:10px;gap:var(--space-10);margin:0}.chat-header h3,.chat-header h3:before{font-size:16px;font-size:var(--font-size-lg)}.chat-header h3:before{color:#626c71;color:var(--color-text-secondary);content:"⋮⋮";letter-spacing:-2px;opacity:.7}.chat-controls{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.chat-control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5e52401f;background:var(--color-secondary);border:none;border-radius:8px;border-radius:var(--radius-base);color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:16px;font-size:var(--font-size-lg);height:36px;justify-content:center;padding:8px;padding:var(--space-8);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:36px}.chat-control-btn:hover{background:#5e524033;background:var(--color-secondary-hover);color:#13343b;color:var(--color-text);transform:scale(1.1)}.chat-control-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.chat-control-btn.minimize:after{content:"−";font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold);line-height:1}.chat-control-btn.maximize:after{content:"□";font-size:14px;font-size:var(--font-size-base);line-height:1}.chat-control-btn.close:after{content:"×";font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold);line-height:1}.resize-handle{background:#0000;position:absolute;z-index:10}.resize-handle.nw{cursor:nw-resize;height:15px;left:-5px;top:-5px;width:15px}.resize-handle.ne{cursor:ne-resize;height:15px;right:-5px;top:-5px;width:15px}.resize-handle.sw{bottom:-5px;cursor:sw-resize;height:15px;left:-5px;width:15px}.resize-handle.se{bottom:-5px;cursor:se-resize;height:15px;right:-5px;width:15px}.resize-handle.n{cursor:n-resize;height:10px;left:15px;right:15px;top:-5px}.resize-handle.s{bottom:-5px;cursor:s-resize;height:10px;left:15px;right:15px}.resize-handle.w{bottom:15px;cursor:w-resize;left:-5px;top:15px;width:10px}.resize-handle.e{bottom:15px;cursor:e-resize;right:-5px;top:15px;width:10px}.resize-handle.se:after{border-bottom:8px solid #5e524033;border-bottom:8px solid var(--color-border);border-left:8px solid #0000;border-radius:0 0 2px 0;bottom:2px;content:"";height:0;position:absolute;right:2px;width:0}.resize-handle.se:hover:after{border-bottom-color:#21808d;border-bottom-color:var(--color-primary)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--space-16);overflow-y:auto;padding:20px 24px;padding:var(--space-20) var(--space-24);scrollbar-color:#5e524033 #0000;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#5e524033;background:var(--color-border);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#21808d;background:var(--color-primary)}.chat-message{word-wrap:break-word;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:10px;border-radius:var(--radius-md);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);max-width:85%;padding:12px 16px;padding:var(--space-12) var(--space-16)}.message-header{align-items:center;display:flex;gap:12px;gap:var(--space-12);justify-content:space-between;margin-bottom:6px;margin-bottom:var(--space-6)}.sender{color:#21808d;color:var(--color-primary);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold)}.time{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.message-text{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}.chat-input{background:#3b82f614;background:var(--color-bg-1);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:flex;flex-shrink:0;gap:12px;gap:var(--space-12);padding:20px 24px;padding:var(--space-20) var(--space-24)}.chat-input input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#13343b;color:var(--color-text);flex:1 1;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);outline:none;padding:12px 16px;padding:var(--space-12) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.chat-input input::placeholder{color:#626c71;color:var(--color-text-secondary)}.chat-input input:focus{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring)}.chat-input button{background:#21808d;background:var(--color-primary);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);min-width:80px;padding:12px 20px;padding:var(--space-12) var(--space-20);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.chat-input button:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.chat-input button:active{transform:translateY(0)}.chat-input button:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.chat-input button:disabled{background:#626c71;background:var(--color-text-secondary);cursor:not-allowed;opacity:.5;transform:none}.chat-panel.minimized{height:60px;min-height:60px;transition:height .25s cubic-bezier(.16,1,.3,1);transition:height var(--duration-normal) var(--ease-standard)}.chat-panel.minimized .chat-input,.chat-panel.minimized .chat-messages,.chat-panel.minimized .resize-handle{display:none}.chat-panel.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translateX(400px)}@media (max-width:480px){.cloudflare-video-call{font-size:14px;font-size:var(--font-size-base)}.video-container{padding:0}.remote-main-video,.remote-video video{object-fit:contain}.local-video{border-width:2px;height:90px;left:12px;left:var(--space-12);top:12px;top:var(--space-12);width:120px}.remote-pip-video{height:78px;width:140px}.chat-panel,.remote-pip-video{bottom:140px;right:12px;right:var(--space-12)}.chat-panel{height:240px;left:12px;left:var(--space-12);max-height:35vh;min-height:200px;min-width:auto;position:fixed;top:auto;transform:none;width:auto}.chat-header{cursor:default;padding:16px 20px;padding:var(--space-16) var(--space-20)}.chat-header h3:before,.resize-handle{display:none}.call-controls{flex-direction:column;gap:12px;gap:var(--space-12);min-height:auto;padding:12px 16px;padding:var(--space-12) var(--space-16)}.timer{font-size:16px;font-size:var(--font-size-lg);min-width:auto;order:-1;padding:8px 16px;padding:var(--space-8) var(--space-16);text-align:center;width:100%}.control-buttons{gap:10px;gap:var(--space-10);justify-content:center;width:100%}.control-btn{font-size:16px;font-size:var(--font-size-lg);height:44px;width:44px}.control-btn.end-call{font-size:12px;font-size:var(--font-size-sm);height:44px;min-width:auto;order:1;width:100%}.waiting-icon{font-size:24px;font-size:var(--font-size-3xl)}.waiting-text{font-size:16px;font-size:var(--font-size-lg)}.media-permission-dialog{margin:16px;margin:var(--space-16);max-width:calc(100vw - 32px);padding:24px 16px;padding:var(--space-24) var(--space-16)}}@media (min-width:481px) and (max-width:768px){.cloudflare-video-call{font-size:14px;font-size:var(--font-size-base)}.video-container{padding:0}.remote-main-video,.remote-video video{object-fit:contain}.local-video{border-width:2px;height:105px;left:16px;left:var(--space-16);top:16px;top:var(--space-16);width:140px}.remote-pip-video{bottom:120px;height:90px;width:160px}.chat-panel,.remote-pip-video{right:16px;right:var(--space-16)}.chat-panel{bottom:100px;height:280px;left:16px;left:var(--space-16);max-height:40vh;min-width:auto;position:fixed;top:auto;transform:none;width:auto}.chat-header{cursor:default;padding:16px 20px;padding:var(--space-16) var(--space-20)}.chat-header h3:before,.resize-handle{display:none}.call-controls{min-height:88px;padding:16px 20px;padding:var(--space-16) var(--space-20)}.timer{font-size:16px;font-size:var(--font-size-lg);min-width:auto;padding:8px 16px;padding:var(--space-8) var(--space-16)}.control-buttons{gap:12px;gap:var(--space-12)}.control-btn{font-size:18px;font-size:var(--font-size-xl);height:48px;width:48px}.control-btn.end-call{font-size:12px;font-size:var(--font-size-sm);height:44px;min-width:100px}.media-permission-dialog{margin:16px;margin:var(--space-16);max-width:calc(100vw - 32px);padding:32px 24px;padding:var(--space-32) var(--space-24)}}@media (orientation:landscape) and (max-height:500px){.local-video{height:90px;left:12px;left:var(--space-12);top:12px;top:var(--space-12);width:120px}.remote-pip-video{bottom:12px;bottom:var(--space-12);height:78px;left:140px;right:auto;width:140px}.chat-panel{height:calc(100vh - 120px);left:auto;max-height:none;right:12px;right:var(--space-12);top:12px;top:var(--space-12);transform:none;width:320px}.call-controls{flex-direction:row}}@media (min-width:768px) and (max-width:1024px){.remote-main-video,.remote-video video{object-fit:contain}.local-video{height:150px;width:200px}.remote-pip-video{height:112px;width:200px}.chat-panel{height:460px;width:360px}}@media (min-width:1440px){.local-video,.remote-pip-video{height:158px;width:280px}.chat-panel{height:520px;width:420px}.call-controls{padding:24px 32px;padding:var(--space-24) var(--space-32)}}.local-video video,.remote-main-video,.remote-pip-video,.remote-video video{-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:optimizeQuality;perspective:1000px;will-change:transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.close-chat-btn{background:#0000;border:none;color:#13343b;color:var(--color-text);cursor:pointer;font-size:1.25rem;margin-left:auto}.close-chat-btn:hover{color:#c0152f;color:var(--color-error)}.mentor-dashboard{background:#fbf9f3;display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a;color:#1e293b;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;padding:0;position:fixed;top:0;width:280px}.sidebar-header{background:linear-gradient(135deg,#f8f9ff,#e8ecff);border-bottom:1px solid #e2e8f0;padding:20px 24px}.dashboard-logo{background:#0000!important;height:auto;mix-blend-mode:multiply;width:140px}.sidebar-header h2{background:#0000;color:#fff;font-size:1.5rem;margin:0}.mentor-profile-section{align-items:center;background:linear-gradient(135deg,#f8f9ff,#e8ecff);border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:20px 24px}.mentor-avatar{align-items:center;border:2px solid #e2e8f0;border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.mentor-avatar img{height:160%;margin:-30%;width:160%}.mentor-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.mentor-info p{color:#64748b;font-size:14px;font-weight:500;margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;padding:16px 0}.sidebar-logout{border-top:1px solid #e2e8f0;margin-top:auto;padding:16px 0 20px}.nav-btn{align-items:center;background:none;border:none;border-radius:8px;box-shadow:0 6px 20px #00000026;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;margin:10px 12px;padding:12px 18px;text-align:left;transition:all .2s ease;width:calc(100% - 24px)}.nav-btn .btn-text{flex:1 1;font-size:16px;margin-left:10px}.nav-btn .btn-icon{align-items:center;display:flex;font-size:16px;justify-content:center;width:18px}.nav-icon{filter:brightness(0);height:18px;margin-right:10px;width:18px}.refresh-icon{height:16px;margin-right:6px;width:16px}.nav-btn:hover:not(.logout-nav-btn){animation:headerNavPopupGlow .4s ease-in-out;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:1px solid #1e40af66;border-radius:12px;box-shadow:0 0 20px #1e40af,0 0 30px #1e40af99;color:#000;transform:translateY(-4px) scale(1.08)}.logout-nav-btn{background:#dc2626;color:#fff}.logout-nav-btn:hover{animation:logoutNavPopupGlow .4s ease-in-out;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef444466;border-radius:12px;box-shadow:0 0 20px #ef4444,0 0 30px #ef444499;color:#dc2626;transform:translateY(-4px) scale(1.08)}@keyframes logoutNavPopupGlow{0%{box-shadow:0 0 8px #ef444499;transform:translateY(0) scale(1)}30%{box-shadow:0 0 30px #ef4444,0 0 40px #ef4444cc;transform:translateY(-6px) scale(1.12)}70%{box-shadow:0 0 25px #ef4444,0 0 35px #ef4444b3;transform:translateY(-5px) scale(1.1)}to{box-shadow:0 0 20px #ef4444,0 0 30px #ef444499;transform:translateY(-4px) scale(1.08)}}.nav-btn.active{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:1px solid #1e40af99;border-radius:12px;color:#000;font-weight:700;text-shadow:0 1px 2px #fffc;transform:translateY(-4px) scale(1.08)}@keyframes electricGlow{0%{box-shadow:0 0 3px #f1c69d}50%{box-shadow:0 0 10px #f1c69d,0 0 18px #f1c69d}to{box-shadow:0 0 8px #f1c69d,0 0 15px #f1c69d,0 0 20px #f1c69d}}.logout-btn{background:#dc2626}.logout-btn:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.nav-btn .notification-badge{background:#e74c3c;border-radius:50%;color:#fff;display:inline-block;font-size:10px;margin-left:5px;min-width:16px;padding:2px 6px;position:relative;text-align:center}.main-content{background:#fbf9f3;flex:1 1;margin-left:280px;overflow-y:auto;padding:24px 32px;position:relative}.notification-bell{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:44px;justify-content:center;position:fixed;right:32px;top:24px;transition:all .2s ease;width:44px;z-index:100}.notification-bell:hover{transform:translateY(-1px)}.notification-bell .bell-icon{font-size:20px}.notification-bell .notification-count{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.home-content{max-width:none;width:100%}.welcome-header{background:none;border:none;border-radius:0;box-shadow:none;margin-bottom:32px;padding:24px 0;text-align:center}.welcome-header h2{color:#16123f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:40px;font-weight:700;margin-bottom:8px;text-decoration:none}.welcome-header p{color:#64748b;font-size:18px;font-weight:400;margin:0;text-decoration:none}.profile-completion{background:none;border:none;border-radius:0;box-shadow:none;margin-bottom:30px;padding:0;transition:none}.profile-completion:hover{animation:none;box-shadow:none;transform:none}@keyframes containerElectricGlow{0%{box-shadow:0 0 5px #6772d8}25%{box-shadow:0 0 10px #6772d8,0 0 20px #6772d8}50%{box-shadow:0 0 20px #6772d8,0 0 30px #6772d8,0 0 40px #6772d8}75%{box-shadow:0 0 25px #6772d8,0 0 35px #6772d8,0 0 45px #6772d8}to{box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8}}.profile-completion h3{color:#333;margin-bottom:15px}.progress-bar{background:#e1e5e9;border-radius:5px;height:10px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#a9c8fa,#8fb4f7);height:100%;transition:width .3s ease}.complete-profile-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.complete-profile-btn:hover{animation:profileBtnElectricGlow .6s ease-in-out;border:2px solid #6772d8;box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8;transform:translateY(-3px) scale(1.02)}@keyframes profileBtnElectricGlow{0%{box-shadow:0 0 5px #6772d8}50%{box-shadow:0 0 20px #6772d8,0 0 30px #6772d8}to{box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8}}.stats-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stats-section:after,.stats-section:before{display:none}.stat-card{background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:160px;justify-content:space-between;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .2s ease;width:100%}.stat-card:hover{animation:statCardBlueGlow .6s ease-in-out;border-color:#3b82f6;box-shadow:0 0 20px #3b82f699,0 0 30px #3b82f666;transform:translateY(-2px)}@keyframes statCardBlueGlow{0%{box-shadow:0 1px 3px 0 #0000001a}50%{box-shadow:0 0 25px #3b82f6cc,0 0 35px #3b82f699}to{box-shadow:0 0 20px #3b82f699,0 0 30px #3b82f666}}.stat-card.completed-sessions .stat-number,.stat-card.completed-sessions h4,.stat-card.total-blogs .stat-number,.stat-card.total-blogs h4,.stat-card.total-sessions .stat-number,.stat-card.total-sessions h4,.stat-card.wallet-balance .stat-number,.stat-card.wallet-balance h4{color:#000!important;position:relative;text-shadow:2px 2px 4px #fffc;z-index:3}.stat-card.wallet-balance h4{color:#000}.stat-card.wallet-balance .stat-number{color:#333}.stat-icon{font-size:2.5rem;margin-bottom:0;opacity:.9}.stat-card h4{color:#000;font-size:20px;font-weight:700;margin-bottom:10px}.stat-card h4,.stat-number{font-family:Roboto Mono,monospace}.stat-number{font-size:2.375rem}.upcoming-sessions{background:#ddd8d1;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px;transition:all .2s ease}.upcoming-sessions:hover{animation:statCardBlueGlow .6s ease-in-out;border-color:#3b82f6;box-shadow:0 0 20px #3b82f699,0 0 30px #3b82f666;transform:translateY(-2px)}.upcoming-sessions h3{color:#16123f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:25px;font-weight:700;margin-bottom:20px}.session-card{align-items:center;background:#fff;border:1px solid #e1e5e980;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px;transition:all .3s ease}.session-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.session-info h4{color:#16123f;font-weight:700;margin-bottom:5px}.session-info h4,.session-info p{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.session-info p{color:#64748b;font-size:14px;margin:2px 0}.session-actions{display:flex;gap:10px}.complete-btn,.start-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:10px 18px;transition:all .3s ease}.start-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 3px 10px #27ae604d;color:#fff}.start-btn:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 5px 15px #27ae6066;transform:translateY(-2px)}.complete-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 10px #667eea4d;color:#fff}.complete-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.recent-notifications{background:#ddd8d1;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;padding:24px;transition:all .2s ease}.recent-notifications:hover{animation:statCardBlueGlow .6s ease-in-out;border-color:#3b82f6;box-shadow:0 0 20px #3b82f699,0 0 30px #3b82f666;transform:translateY(-2px)}.recent-notifications h3{color:#16123f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:25px;font-weight:700;margin-bottom:20px}.recent-notifications ul{list-style:none;margin:0;padding:0}.recent-notifications li{border-bottom:2px solid #333;color:#000;padding:10px 0}.sessions-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.session-tabs{border-bottom:1px solid #e1e5e9;display:flex}.tab-btn{background:none;border:none;color:#666;flex:1 1;font-weight:600;padding:15px}.tab-btn.active{border-bottom:2px solid #667eea;color:#667eea}.session-list{padding:25px}.session-item{align-items:center;background:#fff;border:1px solid #e1e5e980;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:15px;padding:24px;transition:all .3s ease}.session-item:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.session-details h4{color:#16123f;font-weight:700;margin-bottom:5px}.session-details h4,.session-details p{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.session-details p{color:#64748b;font-size:14px;margin:2px 0}.accept-btn,.reject-btn{border-radius:8px;font-size:12px;margin-left:10px;padding:10px 18px}.accept-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 3px 10px #27ae604d}.accept-btn:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 5px 15px #27ae6066}.reject-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 3px 10px #e74c3c4d}.reject-btn:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 5px 15px #e74c3c66}.blogs-content{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.blogs-header{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.blog-actions{align-items:center;gap:15px}.blogs-header h3{color:#16123f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:700;margin:0}.create-blog-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-blog-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.blog-list{grid-gap:20px;display:grid;gap:20px}.blog-item{background:#0000!important;border:none!important;border-radius:8px;padding:20px}.blog-item h4{color:#16123f;font-weight:700}.blog-item h4,.blog-item p{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;margin-bottom:10px}.blog-item p{color:#64748b;font-size:14px}.blog-stats{gap:15px;margin-bottom:15px}.blog-stats span{color:#64748b;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px}.blog-actions{display:flex;gap:10px}.delete-btn,.view-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 15px}.view-btn{background:#667eea;color:#fff}.delete-btn{background:#e74c3c;color:#fff}.wallet-content{background:none;border-radius:0;box-shadow:none;padding:0}.wallet-balance{background:linear-gradient(135deg,#e8ecff,#dbeafe);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #0000001f;margin-bottom:30px;padding:30px;text-align:center;transition:all .3s ease}.wallet-balance h3{color:#16123f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700}.transaction-history{background:linear-gradient(135deg,#e8ecff,#dbeafe);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #0000001f;padding:30px;transition:all .3s ease}.transaction-history h4{color:#16123f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:10px;margin-top:-10px;text-align:center}.transaction-item{background:#fff;border:1px solid #e1e5e980;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:10px;padding:20px;transition:all .3s ease}.transaction-item:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.notifications-content{background:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px;margin-top:60px}.notifications-header h3{color:#16123f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:calc(1em + 12px);font-weight:700;margin:0}.clear-all-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-right:80px;padding:8px 15px;transition:all .3s ease}.clear-all-btn:hover{animation:clearBtnRedGlow .6s ease-in-out;background:#e74c3c!important;box-shadow:0 0 20px #e74c3c,0 0 30px #e74c3c,0 0 40px #e74c3c;color:#fff!important;transform:translateY(-3px) scale(1.05)}@keyframes clearBtnRedGlow{0%{box-shadow:0 0 10px #e74c3c}50%{box-shadow:0 0 25px #e74c3c,0 0 35px #e74c3c,0 0 45px #e74c3c}to{box-shadow:0 0 20px #e74c3c,0 0 30px #e74c3c,0 0 40px #e74c3c}}.notification-list{grid-gap:10px;display:grid;gap:10px}.notification-item{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#ddd8d1!important;border:1px solid #e2e8f0!important;border-radius:15px!important;box-shadow:0 4px 15px #0000001a!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:15px!important;padding:20px!important;transition:all .3s ease!important}.notification-item:hover{border-color:#6772d880!important;box-shadow:0 0 20px #6772d866,0 0 30px #6772d84d,0 0 40px #6772d833!important;transform:translateY(-3px) scale(1.02)!important}.notification-item.unread{background:#ddd8d1!important;border-left:4px solid #ddd8d1!important;box-shadow:0 0 10px #6772d833!important}.notification-title{font-size:16px!important;font-weight:600!important;margin-bottom:5px!important}.notification-message,.notification-title{color:#000!important;font-family:sans-serif!important}.notification-message{font-size:14px!important;line-height:1.4!important;margin-bottom:8px!important}.notification-time{align-self:flex-end!important;color:#718096!important;font-family:sans-serif!important;font-size:12px!important;font-style:italic!important}.settings-content{background:#ddd8d1;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.settings-content h3{color:#16123f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:700;margin-bottom:25px}.settings-section{margin-bottom:25px}.settings-section h4{color:#16123f;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:700;margin-bottom:15px}.edit-profile-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.edit-profile-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.profile-content{background:none;border-radius:0;box-shadow:none;margin:0 auto;max-width:800px;overflow:visible;padding:0 40px}.profile-header-section{background:none;border-bottom:none;padding:25px 0;text-align:center}.profile-header-section h2{color:#16123f;font-size:2rem;margin:0 0 5px}.profile-header-section p{color:#000;font-size:16px;margin:0}.profile-content .profile-editor{background:none;box-shadow:none;display:block;max-height:none;max-width:none;overflow:visible;position:static;width:100%}.profile-content .profile-editor .editor-header{display:none}.profile-content .profile-editor .step-navigation{background:none;border-bottom:none;padding:20px 0;text-align:center}.profile-content .profile-editor .editor-content{background:none;padding:30px 0}.profile-content .profile-editor .editor-actions{background:none;border-top:none;margin:0;padding:20px 0;text-align:center}.community-content{background:none;border-radius:0;box-shadow:none;padding:0}.transaction-history:hover,.wallet-balance:hover{animation:walletElectricGlow .6s ease-in-out;border:2px solid #6772d8;box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8;transform:translateY(-8px) scale(1.02)}@keyframes walletElectricGlow{0%{box-shadow:0 0 5px #6772d8}50%{box-shadow:0 0 20px #6772d8,0 0 30px #6772d8}to{box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8}}.sidebar-nav .nav-btn.active,.sidebar-nav .nav-btn:hover{margin:2px 20px 2px 16px!important;transform:none!important}.sidebar{height:auto!important;max-height:100vh!important;overflow-y:hidden!important}.nav-btn.logout-btn,.nav-btn.logout-btn:active,.nav-btn.logout-btn:focus,.nav-btn.logout-btn:hover,.sidebar-nav .nav-btn.logout-btn,.sidebar-nav .nav-btn.logout-btn:active,.sidebar-nav .nav-btn.logout-btn:focus,.sidebar-nav .nav-btn.logout-btn:hover{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important;border:none!important;box-shadow:none!important;color:#000!important;cursor:pointer!important;font-weight:700!important;scale:none!important;transform:none!important;transition:none!important;will-change:auto!important}.logout-section{background:linear-gradient(135deg,#f8f9ff,#e8ecff)!important;border-top:1px solid #e2e8f0;bottom:0;left:0;padding:20px 24px;position:absolute;right:0}.new-logout-btn{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:600;padding:12px 16px;transition:background-color .2s ease;width:100%}.new-logout-btn:hover{animation:redGlow .6s ease-in-out;background:#b91c1c;box-shadow:0 0 15px #dc262699,0 0 25px #dc262666}@keyframes redGlow{0%{box-shadow:0 0 5px #dc26264d}50%{box-shadow:0 0 20px #dc2626cc,0 0 30px #dc262699}to{box-shadow:0 0 15px #dc262699,0 0 25px #dc262666}}.logout-icon{font-size:16px;margin-right:10px}.logout-text{font-weight:600}@media (max-width:1200px){.stats-section{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mentor-dashboard{flex-direction:column;height:100vh}.sidebar{flex-direction:row;height:auto;order:1;overflow-x:auto;position:static;width:100%}.mentor-profile-section,.sidebar-header{display:none}.sidebar-nav{display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding:10px;width:100%}.nav-btn{background:#ffffff1a;border-radius:6px;flex-shrink:0;font-size:12px;min-width:100px;padding:8px 12px;text-align:center;white-space:nowrap}.nav-btn.active{background:#fff3;border-right:none}.nav-btn:hover{background:#8b5cf633!important;color:#8b5cf6!important}.main-content{flex:1 1;height:calc(100vh - 60px);margin-left:0;order:2;overflow-y:auto;padding:15px}.stats-section{grid-template-columns:1fr}.session-card,.session-item{align-items:flex-start;flex-direction:column;gap:15px}.session-actions{justify-content:flex-end;width:100%}.stat-number,.welcome-header h2{font-size:1.5rem}}@media (max-width:480px){.main-content{padding:10px}.mentor-profile-section{flex-direction:column;gap:10px;text-align:center}.mentor-avatar{height:50px;width:50px}.nav-btn{font-size:12px;min-width:80px;padding:8px 10px}.stats-section{gap:10px}.recent-notifications,.stat-card,.upcoming-sessions{padding:15px}.session-card{padding:10px}.welcome-header h2{font-size:1.3rem}}.feedback-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:20px;transition:all .2s ease}.feedback-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feedback-card-header{align-items:center;display:flex;gap:16px;margin-bottom:12px}.mentee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.avatar-initial{color:#fff;font-size:18px;font-weight:600}.mentee-details{flex:1 1}.mentee-name{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.session-date{color:#64748b;font-size:14px;margin:0}.rating-section{align-items:flex-end;flex-direction:column;gap:4px}.rating-stars{display:flex;gap:2px}.star.filled{color:#fbbf24}.star.empty{color:#e5e7eb}.rating-score{color:#374151;font-size:14px;font-weight:600}.feedback-message{background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;padding:16px}.feedback-message p{color:#374151;font-style:italic;line-height:1.5;margin:0}.completed-icon,.delete-icon,.detail-icon{height:16px;margin-right:6px;vertical-align:middle;width:16px}.dashboard-logo{padding:15px;width:100%}.dashboard-logo,.header-left .dashboard-logo{height:120px;max-width:500px;object-fit:contain}.header-left .dashboard-logo{padding:8px 0;width:auto}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;min-height:100px;padding:20px 15px}.sidebar-header .dashboard-logo{height:120px;max-width:300px;object-fit:contain;width:auto}@media (max-width:768px){.dashboard-logo{height:120px;max-width:300px;padding:10px}.header-left .dashboard-logo{height:110px;max-width:500px}.sidebar-header{min-height:80px;padding:15px 10px}.sidebar-header .dashboard-logo{height:110px;max-width:300px}}.mentor-dashboard .sidebar-header .dashboard-logo{height:150px;max-width:550px;min-width:300px;object-fit:contain;padding:10px;width:auto}.mentor-dashboard .sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;min-height:100px;padding:15px 10px}@media (max-width:768px){.mentor-dashboard .sidebar-header{min-height:80px;padding:10px 8px}.mentor-dashboard .sidebar-header .dashboard-logo{height:120px;max-width:350px;min-width:250px;padding:8px}}.community-browser{background:#fbf9f3;margin:0;max-width:none;min-height:100vh;padding:40px 60px}.community-tabs{background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;gap:15px;margin-bottom:40px;padding:30px 40px}.tab-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #1e40af66;border-radius:12px;color:#000;cursor:pointer;font-weight:700;padding:12px 24px;transition:all .3s ease}.tab-btn,.tab-btn.active{background:linear-gradient(135deg,#f8f9ff,#e8ecff)}.tab-btn.active{border:1px solid #1e40af99}.tab-btn.active,.tab-btn:hover{transform:translateY(-4px) scale(1.08)}.tab-btn:hover{border:1px solid #1e40af66;box-shadow:0 0 20px #1e40af,0 0 30px #1e40af99}.browse-communities h2,.joined-communities h2{color:#16123f;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:30px}.communities-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px}.community-card{background:#ddd8d1;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:20px;transition:transform .3s,box-shadow .3s}.community-card:hover{border-color:#3b82f6;box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.community-card.joined{border-left:4px solid #667eea;cursor:pointer}.community-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.community-header h3{color:#333;font-size:1.2rem;margin:0}.community-category{background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:1px solid #e1e5f0;border-radius:20px;color:#667eea;font-size:12px;font-weight:600;padding:4px 12px}.community-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;line-height:1.5;margin:0 0 15px;overflow:hidden}.community-meta{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px}.community-owner{display:flex;flex-direction:column;gap:2px}.owner-label{color:#888;font-size:12px}.owner-name{color:#667eea;font-weight:600}.member-count{color:#666;font-weight:500}.community-actions{display:flex;justify-content:center}.join-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:transform .3s;width:100%}.join-btn:hover{transform:translateY(-2px)}.joined-btn{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:background .3s;width:100%}.joined-btn:hover{background:#229954}.join-date{border-top:1px solid #f0f0f0;color:#888;font-size:12px;font-style:italic;margin-top:10px;padding-top:10px;text-align:center}.no-communities{color:#666;padding:60px 20px;text-align:center}.no-communities-icon{font-size:48px;margin-bottom:20px;opacity:.5}.no-communities p{font-size:16px;margin:0 0 20px}.browse-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .3s}.browse-btn:hover{transform:translateY(-2px)}.loading{color:#666;font-size:16px;padding:60px;text-align:center}.community-viewer{height:100%}.community-viewer-header{background:#fff;border-bottom:1px solid #eee;margin-bottom:0;padding:15px 20px}.community-viewer-header .back-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s}.community-viewer-header .back-btn:hover{background:#e9ecef;color:#333}.tab-btn{margin-right:8px}.tab-btn:last-child{margin-right:0}.community-tabs .tab-btn{flex:1 1!important;max-width:none!important;min-width:auto!important;width:auto!important}.tab-btn.active{background:linear-gradient(135deg,#f8f9ff,#e8ecff)!important;border:1px solid #1e40af99!important}.tab-btn:not(.active){backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#f8f9ff,#e8ecff)!important;border:1px solid #1e40af66!important;color:#000!important;margin-left:16px!important;margin-top:-4px!important}.tab-btn.active:first-child{margin-right:16px!important}.tab-btn.active{transform:none!important}@media (max-width:768px){.community-browser{padding:15px}.communities-grid{gap:15px;grid-template-columns:1fr}.community-card{padding:15px}.community-header{gap:10px}.community-header,.community-meta{align-items:flex-start;flex-direction:column}.community-meta{gap:8px}.tab-btn{font-size:14px;padding:10px 16px}}.call-request-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.call-request-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:30px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.call-request-header h3{color:#333;font-size:24px;font-weight:600;margin:0 0 20px}.call-request-content,.caller-info{margin-bottom:30px}.caller-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.caller-info h4{color:#333;font-size:20px;margin:0 0 5px}.caller-info p{color:#666;font-size:16px;margin:0}.call-animation{align-items:center;display:flex;height:100px;justify-content:center;position:relative}.pulse-ring{animation:pulse 2s infinite;border:3px solid #4caf50;border-radius:50%;height:60px;position:absolute;width:60px}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.call-icon{align-items:center;background:#4caf50;border-radius:50%;font-size:24px;height:50px;width:50px;z-index:1}.call-icon,.call-request-actions{display:flex;justify-content:center}.call-request-actions{gap:20px}.accept-btn,.reject-btn{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.reject-btn{background:#f44336;color:#fff}.reject-btn:hover{background:#d32f2f;transform:translateY(-2px)}.accept-btn{background:#4caf50;color:#fff}.accept-btn:hover{background:#45a049;transform:translateY(-2px)}@media (max-width:480px){.call-request-modal{margin:20px;padding:20px}.call-request-actions{flex-direction:column;gap:15px}.accept-btn,.reject-btn{width:100%}}.mentee-profile-editor{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.mentee-profile-editor.embedded{background:none;display:block;position:static;z-index:auto}.profile-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.profile-header h2{color:#1f2937;margin:0}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px}.profile-form{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.mentee-profile-editor.embedded .profile-form{border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:none;max-width:none;width:100%}.form-section{border-bottom:1px solid #f3f4f6;padding:20px}.form-section:last-child{border-bottom:none}.form-section h3{color:#374151;font-size:18px;margin:0 0 15px}.form-group{margin-bottom:15px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.profile-preview{margin-top:10px}.profile-preview img{border:2px solid #e5e7eb;border-radius:50%;height:80px;object-fit:cover;width:80px}.interest-dropdown select,.tags-input input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.interest-dropdown select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.tags-list{gap:8px}.tag{background:#3b82f6;border-radius:16px;font-size:12px;gap:4px;padding:4px 8px}.tag,.tag button{align-items:center;color:#fff;display:flex}.tag button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:14px;height:16px;justify-content:center;padding:0;width:16px}.tag button:hover{background:#fff3}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding:20px}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151}.cancel-btn,.save-btn{cursor:pointer;padding:10px 20px}.save-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff}.save-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.profile-form{max-height:95vh;width:95%}.form-section{padding:15px}}*,h1,h2,h3,h4,h5,h6{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif!important}h1,h2,h3,h4,h5,h6{font-weight:700!important;letter-spacing:-.025em!important;line-height:1.2!important}.mentee-dashboard{background:#fbf9f3;min-height:100vh}.dashboard-header{align-items:center!important;background:#fff!important;border-bottom:1px solid #f1f5f9!important;box-shadow:0 1px 2px #0000000d!important;display:flex!important;height:90px!important;justify-content:space-between!important;max-height:90px!important;min-height:90px!important;padding:20px 0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important}.header-left{align-items:center;display:flex;gap:12px;padding-left:16px!important}.app-name{color:#1e293b!important;font-size:1.5rem!important;font-weight:700!important;line-height:1!important;margin:0!important;transform:none!important}.main-nav{align-items:center!important;display:flex;flex:1 1!important;gap:12px;justify-content:center!important;margin:0 auto!important}.nav-link{background:none!important;border:none!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer!important;font-size:16px!important;font-weight:700!important;margin:0!important;padding:12px 18px!important;transform:none!important;transition:all .2s ease!important;white-space:nowrap!important}.nav-link,.nav-link:hover{color:#000!important;outline:none!important}.nav-link:hover{animation:headerNavPopupGlow .4s ease-in-out!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#f8f9ff,#e8ecff)!important;border:1px solid #1e40af66!important;border-radius:12px!important;box-shadow:0 0 20px #1e40af,0 0 30px #1e40af99!important;transform:translateY(-4px) scale(1.08)!important}@keyframes headerNavPopupGlow{0%{box-shadow:0 0 8px #1e40af99!important;transform:translateY(0) scale(1)!important}30%{box-shadow:0 0 30px #1e40af,0 0 40px #1e40afcc!important;transform:translateY(-6px) scale(1.12)!important}70%{box-shadow:0 0 25px #1e40af,0 0 35px #1e40afb3!important;transform:translateY(-5px) scale(1.1)!important}to{box-shadow:0 0 20px #1e40af,0 0 30px #1e40af99!important;transform:translateY(-4px) scale(1.08)!important}}.nav-link.active{backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:linear-gradient(135deg,#f8f9ff,#e8ecff)!important;border:1px solid #1e40af99!important;border-radius:12px!important;color:#000!important;font-weight:700!important;outline:none!important;text-shadow:0 1px 2px #fffc!important;transform:translateY(-4px) scale(1.08)!important}.header-right{gap:15px}.notification-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:20px;padding:8px;position:relative;transition:background .3s}.notification-btn:hover{background:#f8f9fa}.notification-badge{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;position:absolute;right:2px;top:2px;width:18px}.user-profile{align-items:center;display:flex;gap:12px}.user-profile img{border:2px solid #e1e5e9;border-radius:50%;height:40px;width:40px}.user-profile span{color:#333;font-weight:600}.logout-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .3s}.logout-btn:hover{background:#c0392b}.stats-section{background:#0000;box-shadow:none;padding:32px 24px}.stats-container{flex-wrap:wrap;gap:100px;margin:0;max-width:none;padding:0 60px}.stat-item,.stats-container{display:flex;justify-content:center}.stat-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-direction:column;gap:8px;height:160px;padding:20px;text-align:center;width:160px}.stat-number{color:#000;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{color:#666;font-size:14px;font-weight:600}.quick-actions{background:#f8f9fa;padding:20px 30px}.quick-actions-container{gap:15px;max-width:1200px}.quick-action-btn{background:#fff;border:2px solid #e1e5e9;border-radius:25px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.quick-action-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px)}.search-section{color:#1f2937;padding:40px 30px}.search-container{align-items:center;gap:20px;margin:0 auto;max-width:1200px}.search-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.search-bar:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-bar input{padding:15px 20px}.search-btn{background:#667eea;border:none;color:#fff;padding:15px 25px;transition:background .3s}.search-btn:hover{background:#5a6fd8}.browse-dropdown select{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#333;font-size:16px;min-width:200px;padding:15px 20px}.mentors-section{margin:0;max-width:none;padding:32px 60px;width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-header h2{color:#16123f;font-family:sans-serif;font-size:3.0625rem;font-weight:700;margin:0}.results-count{color:#666;font-size:14px}.mentors-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:0 60px}.mentor-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px;box-shadow:0 1px 3px #0000001a!important;display:flex;flex-direction:column;height:auto;justify-content:space-between;min-height:200px;padding:20px}.mentor-card,.mentors-grid .mentor-card{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.mentors-grid .mentor-card{background:#eef4f4!important}.mentor-card:hover{background:linear-gradient(135deg,#eef4f4,#dee9e9)!important;box-shadow:0 12px 40px #00000026!important;transform:translateY(-4px) scale(1.02)!important}.mentor-avatar img{border:3px solid #3b82f6}.mentor-basic-info h3{color:#16123f;font-size:1.2rem;font-weight:600;margin:0 0 4px}.mentor-college{font-size:13px;font-style:italic}.mentor-rating{color:#64748b;font-size:12px}.favorite-icon{padding:4px;transition:all .3s}.favorite-icon:hover{background:#f1f5f9;transform:scale(1.2)}.favorite-icon.favorited{animation:heartbeat .6s ease-in-out}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mentor-interests-section,.mentor-skills-section{margin-bottom:16px}.mentor-interests-section h4,.mentor-skills-section h4{color:#16123f;font-family:sans-serif;font-size:16px;font-weight:700;margin:0 0 8px}.mentor-interests-section{display:none!important}.interests-list,.skills-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.skill-tag{background:#f3f4f6;border:none;border-radius:12px;color:#4b5563}.interest-tag,.skill-tag{font-size:11px;font-weight:600;padding:4px 10px}.interest-tag{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#166534}.more-interests,.more-skills{color:#64748b;font-size:11px;font-style:italic;padding:4px 8px}.mentor-actions{display:flex!important;gap:8px!important;justify-content:space-between!important;margin-top:16px}.action-btn{align-items:center!important;background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border:none!important;border-radius:20px!important;color:#000!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:11px!important;font-weight:600!important;gap:4px!important;height:36px!important;justify-content:center!important;min-width:70px!important;padding:8px 12px!important;text-align:center!important;transition:all .4s ease!important;white-space:nowrap!important}.action-btn:hover{animation:actionBtnBlueGlow .6s ease-in-out;border:2px solid #3b82f6;box-shadow:0 0 8px #3b82f6,0 0 15px #3b82f6,0 0 20px #3b82f6;transform:translateY(-2px) scale(1.05)}@keyframes actionBtnBlueGlow{0%{box-shadow:0 0 3px #3b82f6}50%{box-shadow:0 0 10px #3b82f6,0 0 18px #3b82f6}to{box-shadow:0 0 8px #3b82f6,0 0 15px #3b82f6,0 0 20px #3b82f6}}.action-btn.call:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.message:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.action-btn.view:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.background-list,.education-list{display:flex;flex-direction:column;gap:12px}.background-item,.education-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;padding:12px}.background-item h4,.education-item h4{color:#1e40af;font-size:14px;font-weight:600;margin:0 0 4px}.background-item p,.education-item p{color:#64748b;font-size:13px;margin:0 0 4px}.background-item span,.education-item span{color:#94a3b8;font-size:12px}.availability-info{display:flex;flex-direction:column;gap:8px}.availability-day{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:13px;padding:8px 12px}.availability-day strong{color:#1e40af}.mentor-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.mentor-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;margin:20px;max-height:600px;overflow-y:auto;position:relative;width:480px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-modal{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:none;border-radius:50%;color:#64748b;cursor:pointer;font-size:16px;height:32px;position:absolute;right:16px;top:16px;transition:all .3s;width:32px;z-index:1001}.close-modal:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:scale(1.1)}.mentor-detail{padding:24px}.mentor-profile-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.mentor-profile-header img{border:3px solid #3b82f6;border-radius:50%;height:80px;width:80px}.mentor-info h2{color:#1e40af;font-size:1.4rem;font-weight:700;margin:0 0 6px}.mentor-details-grid{grid-gap:16px;display:grid;gap:16px;margin-bottom:20px;max-height:300px;overflow-y:auto}.detail-section h3{color:#1e40af;font-size:1rem;font-weight:600;margin:0 0 8px}.mentor-actions-modal{border-top:1px solid #e2e8f0;display:flex;gap:8px;padding-top:16px}.action-btn-modal{border:none;border-radius:20px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:10px 16px;transition:all .3s}.action-btn-modal.call{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn-modal.message{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.action-btn-modal.favorite{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#64748b}.action-btn-modal.favorite.favorited{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.action-btn-modal:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}@media (max-width:768px){.mentor-modal{margin:16px;max-height:80vh;max-width:400px;width:calc(100vw - 32px)}.mentor-detail{padding:16px}.mentor-profile-header{flex-direction:column;gap:12px;text-align:center}.mentor-profile-header img{height:60px;width:60px}.mentor-actions-modal{flex-direction:column;gap:6px}}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;padding:20px}.filters-header h2{color:#1e40af;font-size:1.3rem;font-weight:600}.filter-toggle-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.filter-toggle-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.clear-filters-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:20px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s}.mentors-page{margin:0 auto;max-width:1200px;padding:24px}.category-tag{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:8px;color:#fff;display:inline-block;font-size:10px;font-weight:700;margin-bottom:4px;padding:4px 8px}.tags-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag-item{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:6px;color:#166534;font-size:9px;font-weight:500;padding:2px 6px}.no-interests{color:#64748b;font-size:12px;font-style:italic}.interests-detailed{display:flex;flex-direction:column;gap:16px}.interest-category-detail{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;padding:12px}.category-title{color:#1e40af;font-weight:600}.tags-grid{display:flex;flex-wrap:wrap;gap:6px}.tags-grid .tag-item{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:8px;color:#1e40af;font-size:11px;font-weight:600;padding:4px 8px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e1e5e9;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-mentors{color:#666;grid-column:1/-1;padding:60px;text-align:center}.no-mentors h3{color:#333;margin-bottom:10px}@media (max-width:1024px){.stats-container{gap:20px;grid-template-columns:repeat(2,1fr)}.dashboard-header,.quick-actions{padding:15px 20px}.header-left{gap:20px}.main-nav{gap:15px}.mentors-section,.search-section{padding:30px 20px}.mentors-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.stats-container{gap:15px;grid-template-columns:1fr}.stat-item{padding:15px}.stat-number{font-size:2rem}.quick-actions-container{justify-content:center}.dashboard-header{flex-direction:column;gap:15px;padding:15px}.header-left{flex-direction:column;gap:15px;width:100%}.main-nav{flex-wrap:wrap;gap:10px;justify-content:center}.nav-link{font-size:14px;padding:6px 12px}.search-container{flex-direction:column;gap:15px}.browse-dropdown select{width:100%}.mentors-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.app-name{font-size:1.5rem}.mentors-section,.search-section{padding:20px 15px}.mentor-card{padding:20px}.mentor-actions{flex-direction:column;gap:8px}.mentor-actions button{width:100%}}.recommended-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin:30px 0;padding:20px}.recommended-section .section-header h2{color:#fff;margin-bottom:5px}.recommended-section .section-header p{color:#fffc;margin:0}.popular-blogs-section{margin:30px 0;padding:20px}.blogs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.blog-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 15px #0000001a}.blog-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.blog-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.blog-header h3{color:#333;flex:1 1;font-size:16px;font-weight:600;margin:0}.blog-stats{color:#666;display:flex;font-size:12px;gap:10px}.likes-stat{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.blog-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin:10px 0;overflow:hidden}.blog-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.blog-author{color:#667eea;font-size:12px;font-weight:500}.blog-date{color:#999;font-size:12px}.favorites-section{padding:20px}.empty-state{color:#666;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:20px}.empty-state h3{color:#333;margin:0 0 10px}.empty-state p{color:#666;margin:0 0 20px}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.feedback-modal-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.feedback-modal{background:#fff;border-radius:15px;max-width:400px;padding:30px;text-align:center;width:90%}.feedback-modal h3{color:#333;margin:0 0 10px}.feedback-modal p{color:#666;margin:0 0 20px}.rating-section{display:flex;gap:10px;justify-content:center;margin:20px 0}.star-btn{background:none;border:none;cursor:pointer;font-size:24px;opacity:.3;transition:all .2s ease}.star-btn.active{opacity:1;transform:scale(1.1)}.feedback-textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;margin:15px 0;min-height:80px;padding:10px;resize:vertical;width:100%}.feedback-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px}.cancel-btn{background:#f5f5f5;color:#666}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.landing-footer{background:#2d3748;color:#fff;margin-top:50px;padding:40px 20px 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.footer-section h3{color:#667eea;margin:0 0 15px}.footer-section p{color:#cbd5e0;line-height:1.6;margin:5px 0}.footer-bottom{border-top:1px solid #4a5568;color:#a0aec0;margin-top:30px;padding-top:20px;text-align:center}.booking-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.booking-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.booking-header{border-bottom:1px solid #e2e8f0;padding:24px 24px 16px}.booking-header h3{color:#1e40af;font-size:1.3rem;font-weight:600;margin:0 0 8px}.booking-header p{color:#667eea;font-size:1.1rem;font-weight:600;margin:0}.booking-status{padding:40px 24px;text-align:center}.booking-status .spinner{animation:spin 2s linear infinite;font-size:2rem;margin-bottom:16px}.booking-status .waiting-icon{font-size:3rem;margin-bottom:16px}.booking-status h3{color:#1e40af;font-size:1.2rem;margin:0 0 12px}.booking-status p{color:#64748b;line-height:1.5;margin:0 0 20px}.booking-details{background:#f8fafc;border-radius:8px;margin-top:20px;padding:16px}.booking-details p{color:#374151;font-size:14px;margin:4px 0}.payment-required{padding:40px 24px;text-align:center}.payment-required .payment-icon{font-size:3rem;margin-bottom:16px}.payment-required h3{color:#1e40af;font-size:1.2rem;margin:0 0 12px}.payment-required p{color:#64748b;line-height:1.5;margin:0 0 24px}.booking-error{padding:40px 24px;text-align:center}.booking-error h3{color:#dc2626;font-size:1.2rem;margin:0 0 12px}.booking-error p{color:#64748b;margin:0 0 20px}.booking-error button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s}.booking-error button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.dashboard-header .logout-btn,.dashboard-header .nav-link,.dashboard-header .notification-nav-btn,.dashboard-header button,.main-nav .nav-link{-webkit-appearance:none!important;appearance:none!important;border:none!important;box-shadow:none!important;outline:none!important}.dashboard-header .logout-btn:hover,.dashboard-header .notification-nav-btn:hover,.dashboard-header button:hover{border:none!important;box-shadow:none!important;outline:none!important}.main-nav .nav-link:hover{border:1px solid #1e40af66!important;box-shadow:0 0 20px #1e40af,0 0 30px #1e40af99!important;outline:none!important}.dashboard-header .logout-btn:active,.dashboard-header .logout-btn:focus,.dashboard-header .nav-link:active,.dashboard-header .nav-link:focus,.dashboard-header .notification-nav-btn:active,.dashboard-header .notification-nav-btn:focus,.dashboard-header button:active,.dashboard-header button:focus,.main-nav .nav-link:active,.main-nav .nav-link:focus{border:none!important;box-shadow:none!important;outline:none!important}.main-nav .nav-link.active{border:1px solid #1e40af99!important;box-shadow:none!important;outline:none!important}.header-right{align-items:center;display:flex;gap:16px;justify-content:center!important;position:relative!important;z-index:101!important}.notification-nav-btn{background:#fff!important;border:none!important;border-radius:6px!important;box-shadow:none!important;color:#64748b!important;cursor:pointer!important;font-size:24px!important;margin-right:12px!important;outline:none!important;padding:8px!important;position:relative!important;transform:none!important;transition:all .2s ease!important}.notification-nav-btn:hover{animation:bellYellowGlow .6s ease-in-out!important;background:#f8fafc!important;border:none!important;border-radius:50%!important;box-shadow:0 0 15px #f1c69d,0 0 25px #f1c69d,0 0 35px #f1c69d!important;color:#3b82f6!important;outline:none!important;transform:translateY(-2px)!important}@keyframes bellYellowGlow{0%{box-shadow:0 0 5px #f1c69d}50%{box-shadow:0 0 20px #f1c69d,0 0 30px #f1c69d}to{box-shadow:0 0 15px #f1c69d,0 0 25px #f1c69d,0 0 35px #f1c69d}}.notification-nav-btn .notification-badge{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;position:absolute;right:2px;top:2px;width:18px}.user-profile-left{align-items:center;display:flex;gap:16px;margin-left:-200px}.user-profile-left img{border-radius:50%!important;height:60px!important;transform:none!important;width:60px!important}.user-profile-left span{color:#000!important;font-size:20px!important;font-weight:700!important;transform:none!important}.logout-btn{background:#ef4444!important;border:none!important;border-radius:6px!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;margin-right:20px!important;outline:none!important;padding:8px 16px!important;transform:translateY(-10px)!important;transition:all .2s ease!important;white-space:nowrap!important}.logout-btn:hover{animation:logoutBtnRedGlow .4s ease-in-out!important;background:#dc2626!important;border:none!important;box-shadow:0 0 20px #ef4444,0 0 30px #ef4444,0 0 40px #ef4444!important;outline:none!important;transform:translateY(-14px) scale(1.05)!important}@keyframes logoutBtnRedGlow{0%{box-shadow:0 0 8px #ef444499!important;transform:translateY(-10px) scale(1)!important}30%{box-shadow:0 0 30px #ef4444,0 0 40px #ef4444cc!important;transform:translateY(-16px) scale(1.08)!important}70%{box-shadow:0 0 25px #ef4444,0 0 35px #ef4444b3!important;transform:translateY(-15px) scale(1.06)!important}to{box-shadow:0 0 20px #ef4444,0 0 30px #ef444499!important;transform:translateY(-14px) scale(1.05)!important}}.quick-actions{background:#f8fafc;padding:20px 24px}.quick-actions-container{display:flex;flex-wrap:wrap;gap:12px;margin:0 auto;max-width:1000px}.quick-action-btn{background:#3b82f6!important;border:none!important;border-radius:20px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:10px 20px!important;transition:all .2s ease!important}.quick-action-btn:hover{background:#2563eb;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.search-section{background:#0000;border-bottom:none;box-shadow:none;color:#1e293b;margin:0;padding:32px 24px}.search-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;margin:0;max-width:none;padding:0 60px}.interest-browser{flex-shrink:0}.search-bar{background:#f8fafc;border:2px solid #000;border-radius:25px;display:flex;flex:1 1;min-width:750px;overflow:hidden;position:relative}.search-bar input{border:none;border-radius:25px;flex:1 1;font-size:16px;outline:none;padding:18px 24px}.search-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:1px solid #1e40af;border-radius:25px 25px 25px 25px;color:#1e293b;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.search-btn:hover{animation:searchBtnGlow .3s ease-in-out;box-shadow:0 0 12px #1e40afcc;transform:translateY(-2px) scale(1.05)}@keyframes searchBtnGlow{0%{box-shadow:0 0 5px #1e40af80}50%{box-shadow:0 0 20px #1e40af}to{box-shadow:0 0 12px #1e40afcc}}.browse-toggle{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#f8f9ff,#e8ecff)!important;border:1px solid #1e40af!important;border-radius:25px!important;color:#1e293b!important;cursor:pointer!important;font-weight:600!important;margin-top:8px!important;padding:12px 20px!important;transition:all .3s ease!important}.browse-toggle:hover{animation:searchBtnGlow .3s ease-in-out!important;box-shadow:0 0 12px #1e40afcc!important;transform:translateY(-2px) scale(1.05)!important}.browse-dropdown select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;min-width:180px;padding:12px 16px}.filters-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#e8ecff,#dbeafe);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 32px #0000001f;margin:0 60px 24px;padding:24px 24px 16px}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.filters-header h2{color:#000;font-family:sans-serif;font-size:1.5rem;font-weight:700;margin:0}.filter-toggle-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:20px!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;padding:10px 20px!important;transition:all .3s!important}.filter-toggle-btn:hover{animation:filtersBlueGlow .6s ease-in-out!important;box-shadow:0 0 15px #3b82f6,0 0 25px #3b82f6,0 0 35px #3b82f6!important;transform:translateY(-2px) scale(1.05)!important}@keyframes filtersBlueGlow{0%{box-shadow:0 0 5px #3b82f6}50%{box-shadow:0 0 20px #3b82f6,0 0 30px #3b82f6}to{box-shadow:0 0 15px #3b82f6,0 0 25px #3b82f6,0 0 35px #3b82f6}}.filters-grid{grid-gap:16px;border-top:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px;padding-top:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#1e40af;font-size:14px;font-weight:600}.filter-group select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#374151;font-size:14px;padding:10px 12px;transition:all .3s}.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-actions{align-items:end;display:flex}.clear-filters-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border:none!important;border-radius:20px!important;color:#64748b!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;padding:10px 16px!important;transition:all .3s!important}.clear-filters-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.mentor-avatar img,.mentor-card .mentor-avatar img,.mentor-card img,.mentor-header .mentor-avatar img,.mentor-header img,.mentors-grid .mentor-card .mentor-avatar img{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:50%!important;height:70px!important;object-fit:cover!important;width:70px!important}.category-tag,.interest-tag,.interest-tag-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border:1px solid #93c5fd!important;border-radius:12px!important;color:#1e40af!important;font-size:11px!important;font-weight:600!important;padding:4px 10px!important}.blogs-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#c6bbf933,#b7a7f333 50%,#a993ed33);border:1px solid #ffffff4d;border-radius:16px;margin:20px;padding:30px}.blog-card,.blogs-content{box-shadow:0 8px 32px #0000001f;transition:all .3s ease}.blog-card{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#ddd8d1!important;border:1px solid #ffffff4d!important;border-radius:16px;cursor:pointer;padding:20px}.blog-card:hover{animation:blogCardElectricGlow .6s ease-in-out;border:2px solid #6772d8!important;box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8;transform:translateY(-8px) scale(1.02)}@keyframes blogCardElectricGlow{0%{box-shadow:0 0 5px #6772d8}50%{box-shadow:0 0 20px #6772d8,0 0 30px #6772d8}to{box-shadow:0 0 15px #6772d8,0 0 25px #6772d8,0 0 35px #6772d8}}.home-blogs-section{margin:0;max-width:none;padding:32px 60px;width:100%}.home-blogs-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.home-blogs-section .section-header h2{color:#16123f;font-family:sans-serif;font-size:3.0625rem;font-weight:700;margin:0}.view-all-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:1px solid #1e40af66;border-radius:12px;color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.view-all-btn:hover{border:1px solid #1e40af99;box-shadow:0 0 20px #1e40af,0 0 30px #1e40af99;transform:translateY(-4px) scale(1.05)}.home-blogs-grid{grid-gap:15px!important;display:grid;gap:15px!important;grid-template-columns:repeat(5,1fr)!important;margin:0 auto;max-width:1400px}.home-blog-card{background:#ddd8d1;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #00000014;cursor:pointer;display:flex;flex-direction:column;height:280px!important;overflow:hidden;transition:all .3s ease}.home-blog-card:hover{border-color:#3b82f6;box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.home-blog-image{flex-shrink:0;height:120px!important;overflow:hidden;width:100%}.home-blog-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.home-blog-card:hover .home-blog-image img{transform:scale(1.05)}.home-blog-content{display:flex;flex:1 1;flex-direction:column;padding:15px!important}.home-blog-content h3{color:#16123f;font-size:14px!important;font-weight:700;line-height:1.3;margin:0 0 8px!important;transition:color .3s ease}.home-blog-card:hover .home-blog-content h3{color:#3b82f6}.home-blog-description{-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:12px!important;line-height:1.5;margin:0 0 12px;overflow:hidden}.home-blog-meta{justify-content:space-between;margin:0 0 10px}.home-blog-meta,.home-blog-stats{align-items:center;color:#64748b;display:flex;font-size:12px}.home-blog-stats{border-top:1px solid #e2e8f0;gap:16px;margin-top:auto;padding:12px 0 0}.no-blogs{background:#ddd8d1;border:1px solid #e2e8f0;border-radius:16px;color:#64748b;grid-column:1/-1;padding:60px;text-align:center}.community-card{background:#ddd8d1!important}.browse-communities,.community-tabs,.joined-communities{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.browse-communities h2,.joined-communities h2{font-size:2.625rem!important}.mentor-actions-modal{display:flex!important;gap:8px!important}.mentor-actions-modal .action-btn-modal{box-sizing:border-box!important;flex:1 1!important;font-size:12px!important;line-height:1!important;margin:0!important;min-height:48px!important;min-width:0!important;padding:14px 8px!important;text-align:center!important;white-space:nowrap!important}.payments-page{background:#fbf9f3;margin:0 auto;max-width:1200px;min-height:calc(100vh - 90px);padding:24px}.payments-header{align-items:center;background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:1px solid #1e40af;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.payments-header h2{color:#16123f;font-family:sans-serif;font-size:2.5rem;font-weight:700;margin:0}.payments-header p{color:#64748b;font-size:16px;margin:8px 0 0}.refresh-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s}.refresh-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.payments-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.payments-history,.payments-requests{background:#ddd8d1;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:24px}.payments-history h3,.payments-requests h3{color:#16123f;font-size:1.5rem;font-weight:600;margin:0 0 20px}.payments-list{list-style:none;margin:0;padding:0}.payment-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s}.payment-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payment-info{display:flex;flex-direction:column;gap:8px}.payment-info div{color:#374151;font-size:14px}.payment-info strong{color:#1e40af;font-weight:600}.status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status.completed{background:#dcfce7;color:#166534}.status.pending{background:#fef3c7;color:#92400e}.status.failed{background:#fee2e2;color:#dc2626}.status.accepted{background:#dbeafe;color:#1e40af}.pay-request-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:20px;transition:all .3s}.pay-request-card:hover{border-color:#3b82f6;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.request-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.request-info div{color:#374151;font-size:14px}.request-info strong{color:#1e40af;font-weight:600}.pay-request-actions{align-items:center;display:flex;gap:12px}.pay-now-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s}.pay-now-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.view-session-btn,.view-sessions-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s}.view-session-btn:hover,.view-sessions-btn:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.empty-state{color:#64748b;padding:40px 20px;text-align:center}.empty-state p{color:#374151;font-size:16px;margin:0 0 8px}.empty-state small{color:#64748b;display:block;font-size:14px;margin-bottom:20px}.payments-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:24px}.info-card h4{color:#166534;font-size:1.2rem;font-weight:600;margin:0 0 16px}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{color:#374151;font-size:14px;margin-bottom:8px;padding-left:20px;position:relative}.info-card li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:768px){.payments-grid{gap:20px;grid-template-columns:1fr}.payments-header{flex-direction:column;gap:16px;text-align:center}.pay-request-actions{flex-direction:column;gap:8px}.pay-now-btn,.view-session-btn{width:100%}}.interests-by-category{display:flex;flex-direction:column;gap:15px}.category-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.category-title{color:#374151;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.interest-tag{background:#3b82f6;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.interest-category{margin-bottom:8px}.category-name{color:#374151;display:block;font-size:11px;font-weight:700;margin-bottom:4px}.category-tags-inline{display:flex;flex-wrap:wrap;gap:4px}.interest-tag-small{background:#3b82f6;border-radius:8px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.more-tags{color:#6b7280;font-size:10px;font-style:italic}.interests-by-category-card{gap:8px}.interest-category-card{border-radius:6px;padding:8px}.category-name-card{color:#374151;font-size:10px;margin-bottom:4px}.category-tags-card{gap:4px}.interest-tag-card{border-radius:8px;font-size:9px;padding:2px 6px}.more-tags-card{color:#6b7280;font-size:9px}.more-categories{color:#6b7280;font-size:10px;padding:4px}.search-results-info{align-items:center;display:flex;gap:10px}.search-query{color:#6b7280;font-size:14px;font-style:italic}.search-bar input{transition:border-color .2s}.search-bar input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-results-info{display:flex;flex-direction:column;gap:8px}.active-filters{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.filter-tag{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:11px;font-weight:500;padding:2px 8px}@media (max-width:768px){.filter-results-info{align-items:flex-start}.active-filters{font-size:11px}}.webrtc-info{display:flex;flex-direction:column;gap:12px;margin-top:15px}.info-item{align-items:center;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:8px;display:flex;gap:10px;padding:8px 12px}.info-icon{font-size:16px}.info-item span:last-child{color:#374151;font-size:14px;font-weight:500}.interest-browser{margin-bottom:20px;position:relative}.browse-toggle{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;width:100%}.browse-toggle:hover{background:#2563eb}.interest-categories{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;max-height:400px;overflow-y:auto;padding:16px;position:absolute;right:0;top:100%;z-index:1000}.interest-category-section{margin-bottom:20px}.category-header{background:#f3f4f6;border-radius:6px;color:#374151;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;padding:8px 12px;text-transform:uppercase}.category-tags{display:flex;flex-wrap:wrap;gap:6px}.interest-tag-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#475569;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.interest-tag-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.interest-tag-btn.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.clear-btn{background:#ef4444!important;color:#fff!important}.clear-btn:hover{background:#dc2626!important}@media (max-width:768px){.interest-categories{left:50%;max-height:70vh;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}}.background-item .description,.background-item .location,.education-item .field,.education-item .grade{color:#6b7280;font-size:13px;margin:4px 0}.background-item .description{font-style:italic;line-height:1.4}.mentor-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;margin-bottom:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.mentor-card:hover{border-color:#e2e8f0;box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.mentor-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px;position:relative}.mentor-avatar{flex-shrink:0;position:relative}.mentor-avatar img{border:3px solid #f8fafc;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:70px;object-fit:cover;width:70px}.mentor-basic-info{flex:1 1;min-width:0}.mentor-basic-info h3{color:#1e293b;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 6px}.mentor-college{color:#64748b;font-size:14px;font-weight:500;margin:0 0 8px}.mentor-rating{align-items:center;display:flex;gap:4px}.mentor-rating span{color:#f59e0b;font-size:13px;font-weight:600}.favorite-icon{background:none;border:none;border-radius:50%;cursor:pointer;font-size:24px;padding:8px;position:absolute;right:0;top:0;transition:all .2s}.favorite-icon:hover{background:#ef44441a;transform:scale(1.1)}.favorite-icon.favorited{animation:heartBeat .6s ease-in-out}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.mentor-skills-section{margin-bottom:18px}.mentor-skills-section h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 10px}.mentor-skills-section h4:before{content:"💡";font-size:16px}.skills-list{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea33;color:#fff}.more-skills,.skill-tag{border-radius:20px;font-size:12px;font-weight:500;padding:6px 12px}.more-skills{background:#f1f5f9;color:#64748b;font-style:italic}.mentor-interests-section{margin-bottom:20px}.mentor-interests-section h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.mentor-interests-section h4:before{content:"🎯";font-size:16px}.interests-by-category-card{display:flex;flex-direction:column;gap:12px}.interest-category-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;transition:all .2s}.interest-category-card:hover{background:#f1f5f9;border-color:#cbd5e1}.category-name-card{color:#475569;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.category-tags-card{display:flex;flex-wrap:wrap;gap:6px}.interest-tag-card{background:#3b82f6;border-radius:12px;box-shadow:0 1px 3px #3b82f633;color:#fff;font-size:11px;font-weight:500;padding:4px 10px}.more-tags-card{color:#64748b;font-size:11px;font-style:italic;padding:4px 8px}.more-categories{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:12px;font-style:italic;padding:8px;text-align:center}.mentor-actions{border-top:1px solid #f1f5f9;display:flex;gap:8px;margin-top:20px;padding-top:16px}.action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.action-btn.call{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.action-btn.call:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.action-btn.message{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.action-btn.message:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.action-btn.view{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.action-btn.view:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}@media (max-width:768px){.mentor-card{margin-bottom:16px;padding:20px}.mentor-header{gap:12px;margin-bottom:16px}.mentor-avatar img{height:60px;width:60px}.mentor-basic-info h3{font-size:18px}.mentor-actions{flex-direction:column;gap:8px}.action-btn{font-size:14px;padding:12px 16px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(11px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3c06a1a1.css.map*/