@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";.App{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}:root{--bg: #0b0f14;--panel: #121821;--text: #e6eef8;--muted: #9fb0c3;--primary: #4f8cff;--primary-600: #3a73da;--border: #253043;--shadow: rgba(0, 0, 0, .35)}.navbar{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);color:var(--text);padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}.brand{font-weight:700;letter-spacing:.3px;color:var(--text);text-decoration:none;font-size:20px}.navbar-links{display:flex;align-items:center;gap:14px}.nav-link,.nav-button{padding:8px 12px;border-radius:8px;color:var(--text);text-decoration:none;border:1px solid transparent}.nav-link:hover{background:#ffffff0d;border-color:var(--border)}.nav-button{background:#ffffff0a;border:1px solid var(--border);cursor:pointer}.nav-button:hover{background:#ffffff14}.nav-button.primary{background:var(--primary);color:#fff;border-color:transparent}.nav-button.primary:hover{background:var(--primary-600)}.hamburger{width:40px;height:36px;border:1px solid var(--border);background:transparent;border-radius:8px;display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:background .2s}.hamburger:hover{background:#ffffff0a}.hamburger span{display:block;width:20px;height:2px;background:var(--text);transition:transform .25s ease,opacity .25s ease}.hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-panel{position:absolute;left:0;right:0;top:60px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:0 10px 30px var(--shadow);transform:translateY(-10px);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;padding:8px 12px;display:none}.menu-panel.open{transform:translateY(0);opacity:1;pointer-events:auto}.menu-link,.menu-button{display:block;width:100%;text-align:left;padding:12px 10px;margin:4px 0;text-decoration:none;border-radius:8px;font-size:15px;color:var(--text);border:1px solid transparent}.menu-link:hover{background:#ffffff0d;border-color:var(--border)}.menu-button{background:#ffffff0a;border:1px solid var(--border);cursor:pointer}.menu-button:hover{background:#ffffff14}.menu-button.primary{background:var(--primary);color:#fff;border-color:transparent}.menu-button.primary:hover{background:var(--primary-600)}@media (max-width: 767px){.navbar-links{display:none}.hamburger{display:inline-flex}.menu-panel{display:block}}@media (min-width: 768px){.menu-panel{max-width:520px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0 0 12px 12px}}.footer-section{background-color:#1a202c;color:#a0aec0;padding:50px 40px 20px;font-family:Inter,sans-serif}.footer-content{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:1200px;margin:0 auto;gap:30px}.footer-brand,.footer-links,.footer-contact{flex:1;min-width:250px;margin-bottom:20px}.footer-brand h3{font-size:2rem;color:#00bfff;margin-bottom:15px;font-weight:800}.footer-brand p{font-size:.95rem;line-height:1.6;margin-bottom:20px}.social-links{display:flex;gap:15px}.social-links a{color:#a0aec0;font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:#00bfff}.footer-links h4,.footer-contact h4{font-size:1.2rem;color:#fff;margin-bottom:20px;font-weight:600}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{color:#a0aec0;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-links ul li a:hover{color:#00bfff}.footer-contact p{font-size:.95rem;margin-bottom:10px;line-height:1.6}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #2d3748}.footer-bottom p{font-size:.85rem;color:#718096}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-brand,.footer-links,.footer-contact{min-width:unset;width:100%;margin-bottom:30px}.social-links{justify-content:center}}.hero-section{background:#0d1117;background-image:linear-gradient(#0d1117f2,#0d1117cc),url(https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#c9d1d9;padding:40px 20px;overflow:hidden}.hero-content{max-width:900px;animation:fadeIn 1s ease-in-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 15px rgba(0,191,255,.3)}.hero-title .highlight{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;font-weight:400;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;opacity:.9}.hero-rotator{font-size:1.8rem;margin-bottom:2.5rem;min-height:50px}.typed-text{color:#38bdf8;font-weight:600}.button-group{display:flex;justify-content:center;gap:20px;margin-bottom:3rem;flex-wrap:wrap}.hero-button{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:50px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center}.hero-button.primary{background:linear-gradient(90deg,#38bdf8,#818cf8);color:#fff;box-shadow:0 5px 15px #818cf84d}.hero-button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #818cf880}.hero-button.secondary{background-color:#ffffff1a;border-color:#ffffff4d;color:#fff}.hero-button.secondary:hover{background-color:#fff3;border-color:#fff}.stats-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2.2rem;font-weight:700;color:#fff}.stat-label{font-size:.9rem;opacity:.7;text-transform:uppercase;letter-spacing:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-rotator{font-size:1.5rem}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.button-group{flex-direction:column;gap:15px}.hero-button{width:80%;margin:0 auto}}.about-section{padding:50px 20px;background-color:#f9f9f9}.about-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:40px}.about-image{flex:1}.about-image img{width:100%;border-radius:8px}.about-content{flex:1}.about-content h2{font-size:2.5rem;color:#333;margin-bottom:20px}.about-content p{font-size:1rem;line-height:1.6;color:#666}.how-it-works-section{padding:60px 20px;background-color:#fff;text-align:center}.section-header{margin-bottom:50px}.section-header h2{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:15px}.section-header p{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto}.steps-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.step-card{background-color:#f9fafb;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000001a}.step-icon{font-size:3rem;margin-bottom:20px;color:#4f46e5}.step-card h3{font-size:1.5rem;margin-bottom:15px;color:#111827}.step-card p{font-size:1rem;line-height:1.6;color:#4b5563}.why-choose-us-section{padding:60px 20px;background-color:#f9fafb;text-align:center}.container{max-width:1200px;margin:0 auto}.why-choose-us-section h2{font-size:2.5rem;font-weight:700;margin-bottom:50px;color:#111827}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000001f}.feature-icon{font-size:3rem;margin-bottom:20px;color:#4f46e5}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#111827}.feature-card p{font-size:1rem;line-height:1.6;color:#4b5563}.feedback-section{padding:60px 20px;background-color:#f9fafb;font-family:Poppins,sans-serif}.feedback-container{max-width:700px;margin:0 auto;text-align:center}.feedback-container h2{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:15px}.feedback-container p{font-size:1.1rem;color:#6b7280;margin-bottom:40px}.feedback-form{display:flex;flex-direction:column;gap:20px;text-align:left;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;padding:12px 15px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-family:Poppins,sans-serif;background-color:#f9fafb;transition:all .3s ease}.feedback-form textarea{min-height:120px;resize:vertical}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{outline:none;border-color:#4f46e5;background-color:#fff;box-shadow:0 0 0 3px #4f46e51a}.submit-btn{padding:12px;font-size:1rem;font-weight:700;color:#fff;background-color:#4f46e5;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.submit-btn:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 15px #4f46e533}.submit-btn:disabled{background-color:#a5b4fc;cursor:not-allowed;transform:translateY(0);box-shadow:none}.form-message{text-align:center;margin-top:15px;font-weight:500;color:#22c55e}.auth-container{display:flex;justify-content:center;align-items:center;padding:50px 20px;min-height:100vh;background:radial-gradient(1200px 800px at 10% 10%,#eef2ff,#f3f4f6 35%,#eceff4),linear-gradient(180deg,#f8fafc,#eef2ff);position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(70px);opacity:.35;z-index:0}.auth-container:before{background:#a5b4fc;top:-120px;right:-120px}.auth-container:after{background:#93c5fd;bottom:-140px;left:-140px}.auth-form{width:100%;max-width:440px;padding:38px;background:#ffffffd9;backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);border-radius:16px;box-shadow:0 20px 40px #0f172a1f,0 2px 8px #0f172a0f;border:1px solid rgba(226,232,240,.85);position:relative;z-index:1;animation:cardFloat .6s ease 1}@keyframes cardFloat{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-form h2{text-align:center;font-size:2rem;font-weight:800;margin-bottom:22px;color:#0f172a;letter-spacing:-.02em}.form-group{width:100%;margin-bottom:16px;position:relative}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:10px;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.98rem;color:#111827;background:#fff;transition:border-color .25s ease,box-shadow .25s ease,transform .08s ease;outline:none}.auth-form input::placeholder{color:#9aa2ad}.auth-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e529}.auth-form input:valid:not(:placeholder-shown){border-color:#22c55e}.auth-form input:invalid:focus{border-color:#ef4444}.error-text{color:#ef4444;font-size:.85rem;margin-top:6px;display:block}.role-selector{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px;margin-top:8px}.role-selector label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 12px;border:1px dashed #d1d5db;border-radius:10px;color:#374151;transition:background .2s ease,border-color .2s ease,transform .06s ease;-webkit-user-select:none;user-select:none}.role-selector input[type=radio]{accent-color:#4f46e5}.role-selector label:hover{background:#f8fafc;border-color:#c7d2fe}.role-selector label:active{transform:translateY(1px)}.password-group{position:relative;display:flex;align-items:center}.password-group input{padding-right:44px}.password-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:100%;transition:color .2s ease,transform .06s ease}.password-toggle-btn:hover{color:#374151}.password-toggle-btn:active{transform:translateY(-52%)}.auth-form button[type=submit]{width:100%;padding:12px;font-size:1.06rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1,#7c3aed);background-size:200% 200%;border:none;border-radius:10px;cursor:pointer;margin-top:8px;transition:background-position .35s ease,transform .06s ease,box-shadow .25s ease;box-shadow:0 8px 18px #4f46e540}.auth-form button[type=submit]:hover{background-position:100% 0%;box-shadow:0 12px 24px #6366f147}.auth-form button[type=submit]:active{transform:translateY(1px)}.auth-form button:disabled{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);cursor:not-allowed;box-shadow:none}.forgot-password-link{display:block;text-align:right;margin-top:-6px;margin-bottom:14px;font-size:.9rem;color:#6b7280}.forgot-password-link:hover{text-decoration:underline;color:#374151}.auth-switch{text-align:center;margin-top:18px;color:#6b7280;font-size:.95rem}.auth-switch a{color:#4f46e5;font-weight:700}.auth-switch a:hover{text-decoration:underline}.divider{display:flex;align-items:center;text-align:center;color:#9ca3af;margin:22px 0;font-size:.92rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider:not(:empty):before{margin-right:.65em}.divider:not(:empty):after{margin-left:.65em}.google-login-button-container{display:flex;justify-content:center;margin-bottom:14px}.form-message{text-align:center;margin-top:14px;font-weight:600;font-size:.96rem}.form-message.success{color:#22c55e}.form-message.error{color:#ef4444}@media (prefers-reduced-motion: reduce){.auth-form{animation:none}.auth-form button[type=submit]{transition:none}}.auth-form,.auth-form h2{color:#111827}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{color:#111827;background:#fff;border-color:#cfd6e0}.auth-form input::placeholder{color:#6b7280}.form-group label{display:inline-block;margin-bottom:6px;font-size:.92rem;color:#374151;font-weight:600}.form-group{margin-bottom:16px}.password-group,.confirm-password-group{position:relative;display:flex;align-items:center}.password-group input,.confirm-password-group input{padding-right:44px}.password-group .password-toggle-btn,.confirm-password-group .password-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#6b7280;width:32px;height:100%;display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.password-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.password-row .form-group{margin-bottom:16px}}.divider{margin:20px 0}.forgot-password-link{margin-top:-2px;margin-bottom:14px}.auth-form button[type=submit]{margin-top:10px}.error-text{color:#ef4444;font-size:.85rem;margin-top:6px}@media (prefers-color-scheme: dark){.auth-form,.auth-form h2{color:#e5e7eb}.form-group label{color:#cbd5e1}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{background:#020617b3;color:#e5e7eb;border-color:#465569}.auth-form input::placeholder{color:#9fb0c4}.password-group .password-toggle-btn,.confirm-password-group .password-toggle-btn{color:#a3b0c2}.error-text{color:#f87171}}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{min-height:44px;line-height:1.2;box-sizing:border-box}.role-selector{flex-wrap:wrap;gap:10px;justify-content:flex-start}.role-selector label{flex:1 1 calc(50% - 10px);min-width:150px}@media (prefers-color-scheme: dark){.auth-container{background:radial-gradient(1200px 800px at 10% 10%,#0b1220,#0a0f1a 35% 100%),linear-gradient(180deg,#0b1220,#0a0f1a)}.auth-container:before{background:#3730a3;opacity:.35}.auth-container:after{background:#1d4ed8;opacity:.25}.auth-form{background:#0e172a99;border-color:#33415599;box-shadow:0 20px 40px #00000059,0 2px 8px #02061759}.auth-form h2{color:#e5e7eb}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{background:#02061799;color:#e5e7eb;border-color:#334155}.auth-form input::placeholder{color:#94a3b8}.auth-form input:focus{border-color:#818cf8;box-shadow:0 0 0 4px #818cf82e}.role-selector label{color:#cbd5e1;border-color:#334155;background:#02061759}.role-selector label:hover{background:#1e293b8c;border-color:#475569}.forgot-password-link{color:#9ca3af}.forgot-password-link:hover{color:#e5e7eb}.auth-switch{color:#9ca3af}.divider{color:#94a3b8}.divider:before,.divider:after{border-bottom-color:#334155}}@media (max-width: 420px){.auth-form{padding:26px 20px;border-radius:14px}.auth-form h2{font-size:1.6rem}.role-selector{gap:8px}}:root{--primary-gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--secondary-gradient: linear-gradient(135deg, #F9FAFB 0%, #F3F4F6 100%);--sent-message-bg: linear-gradient(135deg, #6366F1 0%, #818CF8 100%);--received-message-bg: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);--sidebar-bg: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);--input-bg: rgba(255, 255, 255, .9);--text-primary: #1F2937;--text-secondary: #6B7280;--text-white: #FFFFFF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--single-tick: #8696A0;--double-tick: #8696A0;--double-tick-blue: #53BDEB;--notification-bg: #333333;--notification-text: #FFFFFF}*{box-sizing:border-box}.chat-page{display:flex;height:calc(100vh - 70px);background:var(--secondary-gradient);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow:hidden}.sidebar{width:320px;border-right:1px solid rgba(229,231,235,.8);padding:24px 16px;background:var(--sidebar-bg);display:flex;flex-direction:column;box-shadow:var(--shadow-md);position:relative;z-index:10;transition:var(--transition)}.sidebar-header{padding:0 12px 16px;border-bottom:1px solid rgba(229,231,235,.6);margin-bottom:16px}.sidebar h3{font-weight:700;font-size:1.25rem;color:var(--text-primary);margin:0;letter-spacing:-.025em}.sidebar-search{padding:10px 12px;background:var(--input-bg);border:1px solid #E5E7EB;border-radius:8px;margin:12px;font-size:.9rem;transition:var(--transition)}.sidebar-search:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.sidebar ul{list-style-type:none;padding:0;margin:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#C7D2FE transparent}.sidebar ul::-webkit-scrollbar{width:5px}.sidebar ul::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:4px}.sidebar li{padding:16px;border-radius:var(--border-radius);cursor:pointer;margin-bottom:6px;transition:var(--transition);border:1px solid transparent;position:relative}.sidebar li:hover{background:#eef2ff99;transform:translate(4px);border-color:#e0e7ff}.sidebar li.selected{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-lg);border:none;transform:translate(4px)}.sidebar li.selected .last-message-preview{color:#fffc}.contact-name{font-weight:600;margin-bottom:4px;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.contact-name .time{font-size:.75rem;font-weight:400;opacity:.7}.last-message-preview{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.unread-badge{position:absolute;right:16px;bottom:16px;background:var(--primary-gradient);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.chat-window{flex-grow:1;display:flex;flex-direction:column;background:var(--secondary-gradient);position:relative}.chat-header{padding:16px 24px;border-bottom:1px solid rgba(229,231,235,.8);background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;z-index:5}.chat-header-info{display:flex;flex-direction:column}.chat-header-name{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.chat-header-status{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center}.status-indicator{width:8px;height:8px;border-radius:50%;margin-right:6px}.status-online{background:#10b981}.status-offline{background:#9ca3af}.messages-area{flex-grow:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:#D1D5DB transparent;background-image:radial-gradient(circle at 25px 25px,rgba(99,102,241,.1) 2px,transparent 0),radial-gradient(circle at 75px 75px,rgba(139,92,246,.1) 2px,transparent 0);background-size:100px 100px}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.message{padding:12px 18px 22px;border-radius:18px;max-width:70%;word-wrap:break-word;position:relative;font-size:.95rem;line-height:1.5;animation:fadeInUp .35s ease;box-shadow:var(--shadow-sm)}.sent{background:var(--sent-message-bg);color:var(--text-white);align-self:flex-end;border-bottom-right-radius:5px}.received{background:var(--received-message-bg);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:5px;border:1px solid rgba(229,231,235,.8)}.message p{margin:0 0 4px}.message-time{font-size:.7rem;position:absolute;bottom:6px;right:12px;opacity:.85;white-space:nowrap;display:flex;align-items:center;gap:4px}.sent .message-time{color:#ffffffe6}.received .message-time{color:var(--text-secondary)}.message-status{font-size:12px;margin-left:4px}.single-tick{color:var(--single-tick)}.double-tick{color:var(--double-tick)}.double-tick-blue{color:var(--double-tick-blue)}.message-form{display:flex;padding:20px 24px;border-top:1px solid rgba(229,231,235,.8);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:12px}.message-form input{flex-grow:1;padding:12px 18px;border:1px solid #E5E7EB;border-radius:var(--border-radius);font-size:.95rem;transition:var(--transition);background:var(--input-bg)}.message-form input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.message-form button{background:var(--primary-gradient);border:none;border-radius:var(--border-radius);color:#fff;padding:0 20px;cursor:pointer;transition:var(--transition);font-weight:600;box-shadow:var(--shadow-md)}.message-form button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.no-chat-selected{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#9ca3af;text-align:center;animation:fadeIn .6s ease-in-out;padding:20px}.no-chat-selected svg{margin-bottom:16px;opacity:.5}.no-chat-selected h3{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#6b7280}.no-chat-selected p{font-size:1rem;max-width:400px;line-height:1.5}.typing-indicator{display:flex;padding:12px 18px;background:var(--received-message-bg);border-radius:18px;align-self:flex-start;margin-bottom:8px;border:1px solid rgba(229,231,235,.8);box-shadow:var(--shadow-sm)}.typing-indicator span{height:8px;width:8px;border-radius:50%;background:#9ca3af;display:inline-block;margin-right:6px;animation:typing 1.3s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chat-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--notification-bg);color:var(--notification-text);padding:12px 20px;border-radius:30px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0003;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,bottom .3s;z-index:1000;max-width:80%}.chat-notification.show{opacity:1;visibility:visible;bottom:30px}.notification-avatar{width:30px;height:30px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{font-size:13px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-close{cursor:pointer;font-size:14px;flex-shrink:0;margin-left:8px}@keymessage delivered{0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);}}.message-delivered{animation:messageDelivered .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes messageDelivered{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.sidebar{width:280px;position:absolute;height:100%;z-index:20;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.message{max-width:85%}.chat-notification{max-width:90%;padding:10px 16px}}.mentor-list-container{max-width:1200px;margin:0 auto;padding:20px}.mentor-list-container h1{text-align:center;color:#333;margin-bottom:10px}.mentor-list-container>p{text-align:center;color:#666;margin-bottom:30px}.mentor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:30px}.mentor-card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.mentor-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.mentor-image{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 15px;border:3px solid #f0f0f0}.mentor-name{color:#2c3e50;margin:10px 0 5px;font-size:1.2em}.mentor-interest{color:#7f8c8d;margin-bottom:15px;font-size:.9em}.chat-button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .2s}.chat-button:hover{background-color:#2980b9}.status-message{text-align:center;padding:40px;font-size:1.1em}.status-message.loading{color:#7f8c8d}.status-message.error{color:#e74c3c}.loading .spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:15px}.retry-button:hover{background-color:#2980b9}.no-mentors{text-align:center;padding:40px;color:#7f8c8d}@media (max-width: 768px){.mentor-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.mentor-list-container{padding:15px}}.profile-container{max-width:700px;margin:50px auto;padding:20px}.profile-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb}.profile-form h2{text-align:center;font-size:2rem;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.profile-form button{width:100%;padding:12px;font-size:1rem;font-weight:700;color:#fff;background-color:#4f46e5;border:none;border-radius:8px;cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif}