@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;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;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;width:100%}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.5rem;max-width:450px;padding:2.5rem;width:100%}.login-title{font-size:2rem;line-height:1.2;margin:0;text-align:center}.brand-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-weight:800}.login-subtitle{color:var(--text-secondary);font-size:1rem;margin:-.5rem 0 0;text-align:center}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);color:var(--error);font-size:.9rem;padding:.75rem 1rem}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group input{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f140;outline:none}.login-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:3rem;justify-content:center;margin-top:.5rem;padding:.875rem;transition:all var(--transition-fast)}.login-button:disabled{cursor:not-allowed;opacity:.7}.register-link{color:var(--text-secondary);font-size:.9rem;text-align:center}.register-link a{color:var(--accent-primary);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.register-link a:hover{color:var(--primary-200);text-decoration:underline}@media (max-width:480px){.login-card{padding:1.5rem}.login-title{font-size:1.75rem}}.skill-exchange-container{margin:0 auto;max-width:1200px;padding:20px}.skill-exchange-header{margin-bottom:30px;text-align:center}.skill-exchange-header h2{color:#333;font-size:28px;margin-bottom:10px}.skill-exchange-header p{color:#666;font-size:16px}.loading-spinner{color:#666;font-size:18px;padding:40px;text-align:center}.no-sessions{background:#ffffff1a;margin:20px 0;padding:60px 20px}.no-sessions h3{color:#333;font-size:24px;margin-bottom:10px}.no-sessions p{color:#666;font-size:16px}.sessions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.session-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;padding:20px;transition:transform .2s ease}.session-card:hover{transform:translateY(-2px)}.session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.session-header h3{color:#fff;font-size:20px;margin:0}.session-status{background:#4caf50;border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.session-skills{margin:15px 0}.skill-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:8px;padding:8px 0}.skill-label{color:#fff;font-weight:700}.skill-name{color:#e0e0e0}.skill-item.teaching .skill-name{color:#81c784}.skill-item.learning .skill-name{color:#64b5f6}.session-date{color:#ccc;font-size:14px;margin:10px 0}.complete-button{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s ease;width:100%}.complete-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043);transform:translateY(-1px)}.complete-button:active{transform:translateY(0)}.skill-request-container{margin:0 auto;max-width:1200px;padding:calc(var(--header-height) + 2rem) 1.5rem 2rem;width:100%}.request-header-container{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.request-header-content{flex:1 1}.request-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;margin-bottom:.5rem}.request-subtitle{color:var(--text-secondary);font-size:1.1rem}.new-request-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.new-request-button:hover{box-shadow:var(--shadow-lg),var(--shadow-glow)}.request-form{margin-bottom:2.5rem;overflow:hidden}.form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem}.form-card h3{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.success-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.success-icon{font-size:3rem;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);display:block;font-weight:500;margin-bottom:.5rem}.form-group select{background-color:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);padding:.75rem 1rem;transition:all var(--transition-fast);width:100%}.form-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f140;outline:none}.form-group select:disabled{cursor:not-allowed;opacity:.6}.send-request-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:.875rem;transition:all var(--transition-fast);width:100%}.send-request-button:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.send-request-button:disabled{cursor:not-allowed;opacity:.7}.button-loader{align-items:center;display:flex;gap:6px;height:20px}.button-loader span{animation:loadingDots 1.4s ease-in-out infinite both;background-color:#fff;border-radius:50%;display:inline-block;height:6px;width:6px}.button-loader span:first-child{animation-delay:-.32s}.button-loader span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.requests-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr}.requests-section{width:100%}.section-header{margin-bottom:1.5rem}.section-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;gap:.5rem}.empty-state{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.requests-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.request-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-fast)}.request-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.request-card-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:1.25rem}.request-card-header h4{font-size:1.1rem;margin:0}.request-details{flex-grow:1;padding:1.25rem}.skill-exchange{gap:1rem}.skill-exchange,.skill-item{display:flex;flex-direction:column}.skill-item{gap:.25rem}.skill-label{color:var(--text-tertiary);font-size:.85rem}.skill-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.exchange-icon{align-items:center;color:var(--accent-primary);display:flex;font-size:1.25rem;justify-content:center;margin:.25rem 0}.request-actions{border-top:1px solid var(--glass-border);display:flex;gap:1rem;padding:1.25rem}.accept-button,.reject-button{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all var(--transition-fast)}.accept-button{background:var(--success);color:#fff}.reject-button{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary)}.request-footer{border-top:1px solid var(--glass-border);color:var(--text-tertiary);font-size:.85rem;padding:1rem 1.25rem}.status-badge,.status-container{align-items:center;display:flex}.status-badge{border-radius:var(--radius-full);font-size:.85rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.status-badge.pending{background:#f59e0b1a;color:var(--warning)}.status-badge.accepted{background:#10b9811a;color:var(--success)}.status-badge.rejected{background:#ef44441a;color:var(--error)}.request-date{color:var(--text-tertiary);font-size:.85rem}@media (min-width:768px){.requests-container{grid-template-columns:1fr 1fr}}@media (max-width:767px){.request-header-container{align-items:flex-start;flex-direction:column;gap:1rem}.new-request-button{align-self:flex-start}.requests-grid{grid-template-columns:1fr}}@media (max-width:480px){.request-title{font-size:1.75rem}.form-card{padding:1.5rem}.request-actions{flex-direction:column}}.dashboard-container{min-height:100vh;overflow-x:hidden;padding-bottom:2rem;padding-top:calc(var(--header-height) + 2rem)}.dashboard-content{padding:0 3rem;width:100%}.tabs-container{margin-bottom:3rem}.dashboard-tabs{border-bottom:1px solid var(--glass-border);gap:1.5rem;overflow-x:auto;padding-bottom:.75rem}.dashboard-tabs,.tab-button{align-items:center;display:flex}.tab-button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:1.2rem;font-weight:600;gap:.75rem;padding:1rem 2rem;position:relative;white-space:nowrap}.tab-button.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);color:var(--text-primary)}.tab-indicator{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-4px;height:4px;left:0;position:absolute;right:0}.tab-icon{font-size:1.5rem}.tab-content{width:100%}.welcome-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:4rem;margin-left:-2rem;margin-right:-2rem;padding:3rem;text-align:left}.welcome-section h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:1.5rem}.welcome-section p{color:var(--text-secondary);font-size:1.4rem;max-width:800px}.stats-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem;margin-left:-1rem;margin-right:-1rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:2rem;min-height:180px;padding:2.5rem;transform:translateZ(0);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:2.5rem;height:80px;justify-content:center;width:80px}.stat-info{flex:1 1}.stat-value{font-size:3rem;font-weight:700;line-height:1;margin-bottom:.75rem}.stat-title{color:var(--text-secondary);font-size:1.2rem;font-weight:500}.quick-actions{margin-bottom:3rem;margin-left:-1rem;margin-right:-1rem}.quick-actions h3{font-size:2rem;margin-bottom:2rem;padding-left:1rem}.actions-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(2,1fr)}.action-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:3rem;transform:translateZ(0);transition:all var(--transition-fast)}.action-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.action-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;font-size:2.5rem;height:90px;justify-content:center;margin-bottom:2rem;width:90px}.action-card h4{color:var(--text-primary);font-size:1.8rem;margin-bottom:1.25rem}.action-card p{color:var(--text-secondary);font-size:1.2rem;line-height:1.6}.logout-button{align-self:center;background:#ff5757cc;border:none;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.logout-button:hover{background:#ff5757;box-shadow:0 6px 12px #00000026}@media (max-width:1400px){.stats-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}.actions-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.action-card,.stat-card{padding:2rem}}@media (max-width:1200px){.dashboard-content{padding:0 2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-content{padding:0 1rem}.welcome-section{margin-left:-1rem;margin-right:-1rem;padding:2rem}.welcome-section h2{font-size:2rem}.welcome-section p{font-size:1.1rem}.stats-grid{margin-left:0;margin-right:0}.actions-grid,.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-card{min-height:auto;padding:1.5rem}.stat-icon{font-size:2rem;height:60px;width:60px}.stat-value{font-size:2.2rem}.action-card{min-height:200px;padding:2rem}.action-icon{font-size:2rem;height:70px;margin-bottom:1.5rem;width:70px}.action-card h4{font-size:1.5rem}.dashboard-tabs{gap:1rem}.tab-button{font-size:1rem;padding:.75rem 1.25rem}}.profile-container{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;min-height:100vh;padding:2rem}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6;border:1px solid #ffffff1a;border-radius:20px;margin:0 auto;max-width:1200px;overflow:hidden}.profile-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:2rem}.profile-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.edit-toggle-button{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.edit-toggle-button.edit{background:linear-gradient(135deg,#a855f7,#3b82f6);box-shadow:0 4px 12px #a855f74d;color:#fff}.edit-toggle-button.cancel{background:#475569cc;border:1px solid #fff3;color:#fff}.edit-toggle-button:hover{box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.error-message,.success-message{border-radius:12px;font-weight:500;margin:1rem 2rem;padding:1rem}.success-message{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.error-message{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.profile-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:300px 1fr;padding:2rem}.profile-avatar-section,.profile-left{align-items:center;display:flex;flex-direction:column}.profile-avatar-section{gap:1.5rem;width:100%}.profile-avatar-container{background:#47556980;border:4px solid #ffffff1a;border-radius:50%;height:200px;overflow:hidden;width:200px}.profile-avatar{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-name-section{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.profile-name{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.name-input,.profession-input{background:#47556980;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;padding:.75rem;text-align:center;transition:all .3s ease;width:100%}.name-input{font-size:1.1rem;font-weight:600}.name-input:focus,.profession-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.name-input::placeholder,.profession-input::placeholder{color:#ffffff80}.profile-right{display:flex;flex-direction:column;gap:2rem}.profile-section{background:#4755694d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.profile-section.half{flex:1 1}.profile-row{display:flex;gap:1.5rem}.section-title{border-bottom:2px solid #a855f7;color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.section-content{color:#fffc;font-size:.95rem;line-height:1.5;margin:0}.bio-textarea,.experience-textarea{background:#1e293bcc;border:1px solid #fff3;border-radius:12px;color:#fff;font-family:inherit;font-size:.95rem;min-height:100px;padding:.75rem;resize:vertical;transition:all .3s ease;width:100%}.bio-textarea{min-height:120px}.experience-textarea{min-height:80px}.bio-textarea:focus,.experience-textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.bio-textarea::placeholder,.experience-textarea::placeholder{color:#ffffff80}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#fff9;font-size:1rem;left:.75rem;position:absolute;z-index:1}.languages-input,.location-input{background:#1e293bcc;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:.95rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .3s ease;width:100%}.languages-input:focus,.location-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.languages-input::placeholder,.location-input::placeholder{color:#ffffff80}.social-inputs{display:flex;flex-direction:column;gap:.75rem}.social-input{background:#1e293bcc;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:.95rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .3s ease;width:100%}.social-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.social-input::placeholder{color:#ffffff80}.social-links-display{display:flex;flex-wrap:wrap;gap:.75rem}.social-link{background:linear-gradient(135deg,#a855f7,#3b82f6);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-link:hover{box-shadow:0 4px 12px #a855f74d;color:#fff;transform:translateY(-2px)}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem;padding:0 2rem 2rem}.skills-section{background:#4755694d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.skills-header{margin-bottom:1rem}.skills-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.add-skill-button{background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.add-skill-button:hover{box-shadow:0 4px 12px #a855f74d;transform:translateY(-2px)}.skills-content{min-height:100px}.skill-tag{align-items:center;display:inline-flex;font-size:.85rem;padding:.5rem 1rem;position:relative}.skill-tag.teach-skill{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.skill-tag.learn-skill{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.remove-skill{align-items:center;background:none;border:none;border-radius:50%;color:currentColor;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;margin-left:.5rem;padding:0;transition:all .3s ease;width:20px}.remove-skill:hover{background:#fff3;transform:scale(1.1)}.no-skills{color:#fff9;font-style:italic;margin:0;padding:2rem 1rem;text-align:center}.skill-input-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d;left:50%;min-width:400px;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.skill-input-modal h5{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.skill-input{background:#47556980;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;margin-bottom:1.5rem;padding:.75rem;width:100%}.skill-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.skill-input::placeholder{color:#ffffff80}.skill-input-actions{display:flex;gap:1rem;justify-content:flex-end}.add-skill,.cancel-skill{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-skill{background:#475569cc;border:1px solid #fff3;color:#fff}.add-skill{background:linear-gradient(135deg,#a855f7,#3b82f6);color:#fff}.add-skill:disabled{cursor:not-allowed;opacity:.5}.add-skill:hover:not(:disabled),.cancel-skill:hover{transform:translateY(-2px)}.save-section{border-top:1px solid #ffffff1a;padding:2rem}.save-profile-button,.save-section{display:flex;justify-content:center}.save-profile-button{align-items:center;background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.save-profile-button:hover:not(:disabled){box-shadow:0 8px 20px #a855f766;transform:translateY(-2px)}.save-profile-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner p{font-size:1.1rem;margin-top:1rem}.spinner{border-top-color:#a855f7}.spinner.small{border-width:2px;height:20px;width:20px}@media (max-width:768px){.profile-container{padding:1rem}.profile-content{gap:2rem;grid-template-columns:1fr;text-align:center}.profile-row{flex-direction:column;gap:1rem}.skills-container{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem 1rem}.profile-header{flex-direction:column;gap:1rem;text-align:center}.profile-avatar-container{height:150px;width:150px}.skill-input-modal{margin:1rem;min-width:300px}}.browse-users-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.browse-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:3rem;padding:2rem}.header-content{flex:1 1}.browse-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.browse-subtitle{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0}.stats-summary{display:flex;gap:1rem}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;display:flex;flex-direction:column;padding:1rem 1.5rem}.stat-number{color:#fff;font-size:2rem}.stat-label{color:#fffc;font-size:.9rem;margin-top:.25rem}.no-users-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:4rem 2rem;text-align:center}.empty-illustration{font-size:4rem;margin-bottom:1rem}.no-users-state h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-users-state p{color:#fffc;font-size:1rem;margin:0}.users-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-top:2rem}.user-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.user-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.user-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.user-avatar{flex-shrink:0;position:relative}.user-avatar img{border:3px solid #f0f0f0;border-radius:20px;height:80px;object-fit:cover;transition:all .3s ease;width:80px}.user-card:hover .user-avatar img{border-color:#667eea;transform:scale(1.05)}.online-indicator{background:#10b981;border:3px solid #fff;border-radius:50%;bottom:5px;height:16px;position:absolute;right:5px;width:16px}.user-basic-info{flex:1 1;min-width:0}.user-name{color:#1f2937;font-size:1.3rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.user-profession{color:#667eea;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.user-location{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:.25rem;margin:0}.location-icon{font-size:.8rem}.user-stats{gap:.5rem}.stat-badge,.user-stats{display:flex;flex-direction:column}.stat-badge{align-items:center;border-radius:12px;min-width:60px;padding:.5rem}.stat-badge.teach{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-badge.learn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.stat-number{font-size:1.2rem;font-weight:700;line-height:1}.stat-text{font-size:.7rem;font-weight:500;margin-top:.1rem;opacity:.9}.user-bio{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.user-bio p{color:#4b5563;font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.skills-section,.user-skills{margin-bottom:1.5rem}.skills-section:last-child{margin-bottom:0}.skills-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.skills-header h4{color:#374151;font-size:1rem;font-weight:600;margin:0}.skills-count{background:#e5e7eb;border-radius:8px;color:#6b7280;font-size:.8rem;font-weight:600;min-width:24px;padding:.25rem .5rem;text-align:center}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{border:1px solid #0000;border-radius:20px;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.skill-tag.teach-skill{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#065f46}.skill-tag.learn-skill{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#1e40af}.skill-tag.more-skills{background:#f3f4f6;border-color:#d1d5db;color:#6b7280;font-style:italic}.skill-tag:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.no-skills-state{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:2rem 1rem;text-align:center}.no-skills-icon{display:block;font-size:2rem;margin-bottom:.5rem}.no-skills-state p{color:#9ca3af;font-size:.9rem;font-style:italic;margin:0}.user-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;font-size:.85rem;justify-content:space-between;padding-top:1.5rem}.join-date{color:#9ca3af;font-weight:500}.interaction-hint{background:#667eea1a;border:1px solid #667eea33;border-radius:20px;color:#667eea;font-weight:600;padding:.4rem .8rem}.loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading p{color:#fffc;font-size:1.1rem;margin-top:1rem}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:3rem 2rem;text-align:center}.error-message h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.retry-button:hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}@media (max-width:768px){.browse-users-container{padding:1rem}.browse-header{flex-direction:column;gap:1.5rem;padding:1.5rem}.browse-title{font-size:2rem}.users-grid{gap:1.5rem;grid-template-columns:1fr}.user-card{padding:1.5rem}.user-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.user-stats{flex-direction:row;justify-content:center}.user-footer{flex-direction:column;gap:.75rem;text-align:center}}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);left:0;position:fixed;top:0;transition:all var(--transition-fast);width:100%;z-index:100}.navigation.scrolled{background:#111827e6;box-shadow:var(--shadow-md)}.nav-container{height:var(--header-height);justify-content:space-between;margin:0 auto;max-width:var(--container-max);padding:.75rem 1.5rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none}.logo-text{font-weight:800}.logo-accent{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.nav-items{gap:.25rem}.nav-item,.nav-items{align-items:center;display:flex}.nav-item{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-md);font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background-color:#ffffff0d;color:var(--text-primary)}.nav-item.active{color:var(--text-primary);font-weight:600}.nav-item.active:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-1px;content:"";height:2px;left:.75rem;position:absolute;right:.75rem}.nav-icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center}.logout-btn{color:var(--text-secondary)}.logout-btn:hover{color:var(--text-primary)}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;padding:.5rem}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger span{background:var(--text-primary);border-radius:var(--radius-full);display:block;height:2px;transition:all .3s;width:100%}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-nav{background:var(--bg-secondary);flex-direction:column;gap:.5rem;padding:1rem}.mobile-nav,.mobile-nav-bar{border-top:1px solid var(--glass-border);display:none}.mobile-nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);bottom:0;justify-content:space-around;left:0;padding:.5rem 1rem;position:fixed;right:0;z-index:100}.mobile-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;padding:.5rem;text-decoration:none;transition:all var(--transition-fast)}.mobile-nav-item.active{color:var(--accent-primary)}.mobile-nav-item .nav-icon{font-size:1.25rem}.mobile-nav-item .nav-text{font-size:.7rem}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.mobile-nav-bar,.mobile-nav.active{display:flex}}@media (min-width:769px){.mobile-nav,.mobile-nav-bar{display:none!important}}.animated-background{background:linear-gradient(to bottom,var(--dark-400),var(--bg-primary));height:100vh;left:0;opacity:.6;position:fixed;top:0;width:100vw;z-index:-1}.animated-background:after{background:radial-gradient(circle at 50% 50%,#0000 20%,var(--bg-primary) 100%);content:"";pointer-events:none}.animated-background:after,.gradient-overlay,.particles-canvas{height:100%;left:0;position:absolute;top:0;width:100%}.gradient-overlay{background:radial-gradient(circle at 10% 10%,#6366f126,#0000 40%),radial-gradient(circle at 90% 90%,#8b5cf61a,#0000 40%),radial-gradient(circle at 90% 10%,#ec48991a,#0000 30%),radial-gradient(circle at 10% 90%,#3b82f61a,#0000 30%);pointer-events:none;z-index:-9}.chat-list-container{margin:0 auto;max-width:800px;padding:24px}.chat-list-title{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:24px}.chat-sessions-list{display:flex;flex-direction:column;gap:16px}.chat-session-card{background-color:var(--bg-tertiary);border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease}.session-link{align-items:center;color:inherit;display:flex;padding:16px;text-decoration:none}.partner-avatar{flex-shrink:0;height:50px;margin-right:16px;width:50px}.avatar-placeholder{font-size:20px}.session-details{flex:1 1}.partner-name{color:var(--text-primary);font-size:18px;margin:0 0 4px}.session-skills{flex-wrap:wrap}.session-time{color:var(--text-tertiary);font-size:12px;margin-left:16px}.no-sessions{background-color:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);padding:40px 20px;text-align:center}.no-sessions h3{color:var(--text-primary);margin-top:0}.browse-link{background-color:var(--accent-primary);border-radius:8px;color:#fff;display:inline-block;font-weight:500;margin-top:16px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.browse-link:hover{background-color:var(--primary-200)}.loading{color:var(--text-secondary);padding:40px 20px;text-align:center}@media (max-width:768px){.chat-list-container{padding:16px}.session-skills{flex-direction:column;gap:4px}}.chat-container{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--glass-border);padding:16px}.chat-partner-info{align-items:center;display:flex;gap:12px}.partner-avatar{align-items:center;background-color:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.partner-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.partner-details h3{color:var(--text-primary);font-size:16px;margin:0}.session-skills{display:flex;gap:8px;margin-top:4px}.skill-badge{border-radius:12px;color:#fff;font-size:12px;padding:2px 8px}.skill-badge.teaching{background-color:var(--accent-primary)}.skill-badge.learning{background-color:var(--accent-secondary)}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.message{border-radius:18px;max-width:70%;padding:12px 16px;position:relative}.message.sent{align-self:flex-end;background-color:var(--accent-primary);border-bottom-right-radius:4px;color:#fff}.message.received{align-self:flex-start;background-color:var(--bg-tertiary);border-bottom-left-radius:4px;color:var(--text-primary)}.message-content p{margin:0;word-break:break-word}.message-time{display:block;font-size:10px;margin-top:4px;opacity:.7;text-align:right}.no-messages{align-items:center;color:var(--text-tertiary);display:flex;flex:1 1;font-style:italic;justify-content:center}.message-form{background-color:var(--bg-tertiary);border-top:1px solid var(--glass-border);display:flex;padding:12px}.message-form input{background-color:var(--bg-primary);border:none;border-radius:24px;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 16px}.message-form input:focus{box-shadow:0 0 0 2px var(--accent-primary);outline:none}.send-button{background-color:var(--accent-primary);border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:500;margin-left:8px;padding:8px 16px;transition:all .2s ease}.send-button:hover{background-color:var(--primary-200)}.send-button:disabled{cursor:not-allowed;opacity:.5}.error-message,.loading{color:var(--text-secondary);padding:24px;text-align:center}.chat-page-container{height:calc(100vh - 80px);padding:16px}.select-chat-message{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.select-chat-message h2{color:var(--text-primary);margin-bottom:8px}:root{--primary-100:#6366f1;--primary-200:#4f46e5;--primary-300:#4338ca;--accent-100:#f472b6;--accent-200:#ec4899;--accent-300:#db2777;--dark-100:#1f2937;--dark-200:#111827;--dark-300:#0f172a;--dark-400:#030712;--light-100:#f9fafb;--light-200:#f3f4f6;--light-300:#e5e7eb;--light-400:#d1d5db;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-primary:var(--dark-200);--bg-secondary:var(--dark-300);--bg-tertiary:var(--dark-100);--text-primary:var(--light-100);--text-secondary:var(--light-300);--text-tertiary:var(--light-400);--accent-primary:var(--primary-100);--accent-secondary:var(--accent-100);--glass-bg:#1f293780;--glass-border:#ffffff1a;--gradient-primary:linear-gradient(135deg,var(--primary-100),var(--accent-100));--gradient-secondary:linear-gradient(135deg,var(--primary-300),var(--accent-300));--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-glow:0 0 15px #6366f166;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--header-height:4rem;--footer-height:3rem;--sidebar-width:16rem;--container-max:1200px}body{background-color:#111827;background-color:var(--bg-primary);color:#f9fafb;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--font-sans);line-height:1.6;margin:0;min-height:100vh;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0f172a;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#1f2937;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--accent-primary)}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent-primary);outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111827;background-color:var(--bg-primary);color:#f9fafb;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--font-sans);font-size:16px;line-height:1.5;overflow-x:hidden}body:before{background:radial-gradient(circle at top right,#6366f11a,#0000 1000px),radial-gradient(circle at bottom left,#ec48991a,#0000 1000px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--font-sans);font-weight:700;letter-spacing:-.025em;line-height:1.2}h1{font-size:2.5rem;margin-bottom:1.5rem}h2{font-size:2rem;margin-bottom:1.25rem}h3{font-size:1.5rem;margin-bottom:1rem}h4{font-size:1.25rem;margin-bottom:.75rem}p{margin-bottom:1rem}a{color:#6366f1;color:var(--accent-primary);text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}a:hover{color:#f472b6;color:var(--accent-secondary)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f293780;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.section{padding:4rem 0}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#f472b6);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;outline:none;padding:.75rem 1.5rem;transition:all .2s ease;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#6366f1,#f472b6);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#f9fafb;color:var(--text-primary)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 15px #6366f166;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:#1f2937;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--glass-border);color:#f9fafb;color:var(--text-primary)}.btn-secondary:hover{background:#0f172a;background:var(--bg-secondary);transform:translateY(-2px)}.form-control{margin-bottom:1.5rem;position:relative}.form-control label{color:#e5e7eb;color:var(--text-secondary);display:block;font-weight:500;margin-bottom:.5rem}.form-control input,.form-control select,.form-control textarea{background-color:#1f2937;background-color:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:.5rem;border-radius:var(--radius-md);color:#f9fafb;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-family:var(--font-sans);padding:.75rem 1rem;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.form-control input:focus,.form-control select:focus,.form-control textarea:focus{border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f140;outline:none}.animate-fade-in{animation:fadeIn var(--transition-medium) forwards}.animate-slide-up{animation:slideUp var(--transition-medium) forwards}.animate-pulse{animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 1rem}}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.5rem}body,html{font-size:14px}}.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(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;width:100%}@media (max-width:768px){.main-content{padding-bottom:5rem}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-ext-400-normal.fd1478dcc74de00ee4c0.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-400-normal.e89451624c6caf35687f.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-400-normal.cb04b2ee2f7d192478b8.woff2) format("woff2"),url(/static/media/inter-cyrillic-400-normal.e2841352dd9512ff455b.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-ext-400-normal.f2fa0d9ef98f59d4a75b.woff2) format("woff2"),url(/static/media/inter-greek-ext-400-normal.b9e1e89444a313a63b91.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-400-normal.a8de720a6f13c66c8a4e.woff2) format("woff2"),url(/static/media/inter-greek-400-normal.a42da273bb968bf2058d.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-vietnamese-400-normal.44c9df135eec470b0ab6.woff2) format("woff2"),url(/static/media/inter-vietnamese-400-normal.96f8adc74b63e1a3655f.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-ext-400-normal.3d10c85fbd16969509a2.woff2) format("woff2"),url(/static/media/inter-latin-ext-400-normal.1c20f7dc20d731a18fcd.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-400-normal.9698cc7dbf147ed363b6.woff2) format("woff2"),url(/static/media/inter-latin-400-normal.b0c8fe9db56dd415a25a.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-cyrillic-ext-500-normal.023db878f10be2203b60.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-500-normal.9160d5ba9e6099f95032.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-cyrillic-500-normal.b9dcbca183ac93f02061.woff2) format("woff2"),url(/static/media/inter-cyrillic-500-normal.e824ac3c6c579cd0fe85.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-greek-ext-500-normal.b187635a3d8a0b90faa0.woff2) format("woff2"),url(/static/media/inter-greek-ext-500-normal.7f67cfd4832dde0e0494.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-greek-500-normal.0d91a975f010051e7150.woff2) format("woff2"),url(/static/media/inter-greek-500-normal.cbc71955e9956dcd2882.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-vietnamese-500-normal.63d02ea896a7406849b6.woff2) format("woff2"),url(/static/media/inter-vietnamese-500-normal.11aeae6e31a0d8c24c83.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-latin-ext-500-normal.667f22c9b36deaea0f54.woff2) format("woff2"),url(/static/media/inter-latin-ext-500-normal.2b8be079a0e965b2f035.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-latin-500-normal.5b7156f802c053798d95.woff2) format("woff2"),url(/static/media/inter-latin-500-normal.f46567788e464ac34d10.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-cyrillic-ext-600-normal.25b7c495f686777a1c08.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-600-normal.aa900fea9aed1ba3c903.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-cyrillic-600-normal.ce60970447cde0dd1582.woff2) format("woff2"),url(/static/media/inter-cyrillic-600-normal.c556b5d042ebf128e47c.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-greek-ext-600-normal.c8a7cddec49294a9e8ba.woff2) format("woff2"),url(/static/media/inter-greek-ext-600-normal.7e7594e0432b84536054.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-greek-600-normal.5c46a357ea91911fc65d.woff2) format("woff2"),url(/static/media/inter-greek-600-normal.ba3b8b69a69b0e83d453.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-vietnamese-600-normal.6984cf5e8583fac83be3.woff2) format("woff2"),url(/static/media/inter-vietnamese-600-normal.a10931d3a643f48663b9.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-latin-ext-600-normal.ae5f9691ebe48c908e8c.woff2) format("woff2"),url(/static/media/inter-latin-ext-600-normal.0acb54c755dec53de476.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-latin-600-normal.9d111139a583baef3053.woff2) format("woff2"),url(/static/media/inter-latin-600-normal.28c8f6060760ec1a5d25.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-cyrillic-ext-700-normal.5631f054acb5a33a716a.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-700-normal.3cf42e401103d3211022.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-cyrillic-700-normal.36e9cf9ecc07ac6bce28.woff2) format("woff2"),url(/static/media/inter-cyrillic-700-normal.534fd15b796bf021d0be.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-greek-ext-700-normal.4cdf2b4e817dade3d4aa.woff2) format("woff2"),url(/static/media/inter-greek-ext-700-normal.4c7cc2277f187ed0ef37.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-greek-700-normal.f5fbdfc39c2431160896.woff2) format("woff2"),url(/static/media/inter-greek-700-normal.f47ebf852d0b0e251a80.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-vietnamese-700-normal.5d9bfcacc44f345662ff.woff2) format("woff2"),url(/static/media/inter-vietnamese-700-normal.5b5cd0c77cad23651d04.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-latin-ext-700-normal.96e3bd6bb1f980376cf1.woff2) format("woff2"),url(/static/media/inter-latin-ext-700-normal.149d81a49bd1ff0e6711.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-latin-700-normal.d42de9b25ac31d2a2a8b.woff2) format("woff2"),url(/static/media/inter-latin-700-normal.fc47ca451598e4b97249.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*# sourceMappingURL=main.bfe13987.css.map*/