.company-logo[data-v-68c9b6db]{display:flex;align-items:center;justify-content:center}.logo-img[data-v-68c9b6db]{height:32px;width:auto;object-fit:contain}.logo-img-large[data-v-68c9b6db]{height:60px}.navbar[data-v-f39ffd91]{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.navbar-content[data-v-f39ffd91]{display:flex;align-items:center;justify-content:space-between;height:4rem}.navbar-brand[data-v-f39ffd91]{display:flex;align-items:center}.brand-link[data-v-f39ffd91]{display:flex;align-items:center;text-decoration:none;transition:opacity var(--transition-fast)}.brand-link[data-v-f39ffd91]:hover{opacity:.85}.navbar-nav[data-v-f39ffd91]{display:flex;align-items:center;gap:var(--space-1)}.nav-link[data-v-f39ffd91]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--gray-600);text-decoration:none;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link[data-v-f39ffd91]:hover{color:var(--gray-900);background-color:var(--gray-100)}.nav-link.active[data-v-f39ffd91]{color:var(--primary-600);background-color:var(--primary-50)}.navbar-actions[data-v-f39ffd91]{display:flex;align-items:center;gap:var(--space-3)}.user-menu[data-v-f39ffd91]{display:flex;align-items:center;gap:var(--space-4)}.user-info[data-v-f39ffd91]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.user-avatar[data-v-f39ffd91]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--primary-100);color:var(--primary-600);border-radius:var(--radius-full)}.user-details[data-v-f39ffd91]{display:flex;flex-direction:column;gap:2px}.user-name[data-v-f39ffd91]{font-size:.875rem;font-weight:600;color:var(--gray-900);line-height:1.2}.user-role[data-v-f39ffd91]{font-size:.75rem;color:var(--gray-600);line-height:1.2}@media (max-width: 768px){.navbar-nav[data-v-f39ffd91],.brand-text[data-v-f39ffd91],.user-details[data-v-f39ffd91]{display:none}}.main-content[data-v-175fdceb]{min-height:calc(100vh - 4rem)}.home[data-v-ba5fa0cb]{min-height:100vh}.hero[data-v-ba5fa0cb]{background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-50) 100%);padding:var(--space-20) 0;position:relative;overflow:hidden}.hero[data-v-ba5fa0cb]:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.5}.hero-content[data-v-ba5fa0cb]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:1}.hero-title[data-v-ba5fa0cb]{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--space-6);color:var(--gray-900)}.gradient-text[data-v-ba5fa0cb]{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero-description[data-v-ba5fa0cb]{font-size:1.25rem;color:var(--gray-600);margin-bottom:var(--space-8);line-height:1.7}.hero-actions[data-v-ba5fa0cb]{display:flex;gap:var(--space-4);flex-wrap:wrap}.btn-lg[data-v-ba5fa0cb]{padding:var(--space-4) var(--space-8);font-size:1rem;font-weight:600}.hero-visual[data-v-ba5fa0cb]{display:flex;justify-content:center;align-items:center}.hero-card[data-v-ba5fa0cb]{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;max-width:400px;width:100%;animation:float-ba5fa0cb 6s ease-in-out infinite}@keyframes float-ba5fa0cb{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-header[data-v-ba5fa0cb]{background:var(--gray-100);padding:var(--space-4);border-bottom:1px solid var(--gray-200)}.card-dots[data-v-ba5fa0cb]{display:flex;gap:var(--space-2)}.card-dots span[data-v-ba5fa0cb]{width:12px;height:12px;border-radius:50%;background:var(--gray-400)}.card-dots span[data-v-ba5fa0cb]:first-child{background:var(--error-500)}.card-dots span[data-v-ba5fa0cb]:nth-child(2){background:var(--warning-500)}.card-dots span[data-v-ba5fa0cb]:last-child{background:var(--success-500)}.card-content[data-v-ba5fa0cb]{padding:var(--space-8)}.learning-stats[data-v-ba5fa0cb]{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.stat-item[data-v-ba5fa0cb]{text-align:center}.stat-number[data-v-ba5fa0cb]{font-size:2rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-1)}.stat-label[data-v-ba5fa0cb]{color:var(--gray-600);font-size:.875rem;font-weight:500}.features[data-v-ba5fa0cb]{padding:var(--space-20) 0;background:#fff}.section-header[data-v-ba5fa0cb]{text-align:center;margin-bottom:var(--space-16)}.section-header h2[data-v-ba5fa0cb]{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-4)}.section-header p[data-v-ba5fa0cb]{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto}.features-grid[data-v-ba5fa0cb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.feature-card[data-v-ba5fa0cb]{text-align:center;padding:var(--space-8);border-radius:var(--radius-xl);background:var(--gray-50);transition:all var(--transition-normal)}.feature-card[data-v-ba5fa0cb]:hover{background:#fff;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon[data-v-ba5fa0cb]{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-100);color:var(--primary-600);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.feature-card h3[data-v-ba5fa0cb]{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-3)}.feature-card p[data-v-ba5fa0cb]{color:var(--gray-600);line-height:1.6}@media (max-width: 1024px){.hero-content[data-v-ba5fa0cb]{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-title[data-v-ba5fa0cb]{font-size:3rem}}@media (max-width: 768px){.hero[data-v-ba5fa0cb]{padding:var(--space-16) 0}.hero-title[data-v-ba5fa0cb]{font-size:2.5rem}.hero-description[data-v-ba5fa0cb]{font-size:1.125rem}.hero-actions[data-v-ba5fa0cb]{justify-content:center}.features-grid[data-v-ba5fa0cb]{grid-template-columns:1fr}}.login[data-v-7535a29b]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-50) 100%);padding:var(--space-4)}.login-container[data-v-7535a29b]{width:100%;max-width:400px}.login-card[data-v-7535a29b]{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideIn .5s ease-out}.login-header[data-v-7535a29b]{text-align:center;padding:var(--space-8) var(--space-6) var(--space-6);background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-50) 100%)}.login-logo[data-v-7535a29b]{display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.login-logo[data-v-7535a29b] svg{height:60px;width:auto}.login-title[data-v-7535a29b]{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.login-subtitle[data-v-7535a29b]{color:var(--gray-600);font-size:.875rem}.login-body[data-v-7535a29b]{padding:var(--space-6)}.btn-full[data-v-7535a29b]{width:100%;justify-content:center}.login-divider[data-v-7535a29b]{position:relative;text-align:center;margin:var(--space-6) 0}.login-divider[data-v-7535a29b]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--gray-200)}.login-divider span[data-v-7535a29b]{background:#fff;padding:0 var(--space-4);color:var(--gray-500);font-size:.875rem;position:relative}.login-form[data-v-7535a29b]{display:flex;flex-direction:column;gap:var(--space-4)}.login-footer[data-v-7535a29b]{padding:var(--space-6);border-top:1px solid var(--gray-200);background:var(--gray-50)}.login-footer a[data-v-7535a29b]{text-decoration:none;transition:color var(--transition-fast)}.login-footer a[data-v-7535a29b]:hover{color:var(--primary-700)}.error-message[data-v-7535a29b]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-md);color:var(--error-700);font-size:.875rem;margin-bottom:var(--space-4)}.error-message svg[data-v-7535a29b]{flex-shrink:0;color:var(--error-500)}.btn[data-v-7535a29b]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.login[data-v-7535a29b]{padding:var(--space-2)}.login-header[data-v-7535a29b]{padding:var(--space-6) var(--space-4) var(--space-4)}.login-body[data-v-7535a29b],.login-footer[data-v-7535a29b]{padding:var(--space-4)}}.dashboard[data-v-8a874fca]{padding:var(--space-6) 0;background:var(--gray-50);min-height:calc(100vh - 4rem)}.dashboard-header[data-v-8a874fca]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding:var(--space-6) 0}.header-content[data-v-8a874fca]{flex:1}.dashboard-title[data-v-8a874fca]{font-size:2.25rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.dashboard-subtitle[data-v-8a874fca]{font-size:1.125rem;color:var(--gray-600)}.header-actions[data-v-8a874fca]{display:flex;gap:var(--space-3)}.stats-grid[data-v-8a874fca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card[data-v-8a874fca]{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-normal)}.stat-card[data-v-8a874fca]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon[data-v-8a874fca]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0}.stat-icon-primary[data-v-8a874fca]{background:var(--primary-100);color:var(--primary-600)}.stat-icon-warning[data-v-8a874fca]{background:var(--warning-50);color:var(--warning-600)}.stat-icon-success[data-v-8a874fca]{background:var(--success-50);color:var(--success-600)}.stat-icon-info[data-v-8a874fca]{background:var(--primary-100);color:var(--primary-600)}.stat-content[data-v-8a874fca]{flex:1}.stat-number[data-v-8a874fca]{font-size:1.875rem;font-weight:700;color:var(--gray-900);line-height:1;margin-bottom:var(--space-1)}.stat-label[data-v-8a874fca]{color:var(--gray-600);font-size:.875rem;font-weight:500}.dashboard-grid[data-v-8a874fca]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}.dashboard-card[data-v-8a874fca]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden;transition:all var(--transition-normal)}.dashboard-card[data-v-8a874fca]:hover{box-shadow:var(--shadow-md)}.card-header[data-v-8a874fca]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.card-title[data-v-8a874fca]{display:flex;align-items:center;gap:var(--space-3);font-size:1.125rem;font-weight:600;color:var(--gray-900)}.card-body[data-v-8a874fca]{padding:var(--space-6)}.empty-state[data-v-8a874fca]{text-align:center;padding:var(--space-8) var(--space-4)}.empty-icon[data-v-8a874fca]{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--gray-100);color:var(--gray-400);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.empty-state h3[data-v-8a874fca]{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-2)}.empty-state p[data-v-8a874fca]{color:var(--gray-600);margin-bottom:var(--space-4)}.course-list[data-v-8a874fca]{display:flex;flex-direction:column;gap:var(--space-4)}.course-item[data-v-8a874fca]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);transition:all var(--transition-fast)}.course-item[data-v-8a874fca]:hover{background:#fff;border-color:var(--primary-200);box-shadow:var(--shadow-sm)}.course-icon[data-v-8a874fca]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-100);color:var(--primary-600);border-radius:var(--radius-md);flex-shrink:0}.course-content[data-v-8a874fca]{flex:1}.course-title[data-v-8a874fca]{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.course-description[data-v-8a874fca]{color:var(--gray-600);font-size:.875rem}.course-actions[data-v-8a874fca]{flex-shrink:0}.session-list[data-v-8a874fca]{display:flex;flex-direction:column;gap:var(--space-4)}.session-item[data-v-8a874fca]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);transition:all var(--transition-fast)}.session-item[data-v-8a874fca]:hover{background:#fff;border-color:var(--primary-200);box-shadow:var(--shadow-sm)}.session-time[data-v-8a874fca]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-100);color:var(--primary-600);border-radius:var(--radius-md);flex-shrink:0}.time-day[data-v-8a874fca]{font-size:1.125rem;font-weight:700;line-height:1}.time-month[data-v-8a874fca]{font-size:.75rem;font-weight:500;text-transform:uppercase}.session-content[data-v-8a874fca]{flex:1}.session-title[data-v-8a874fca]{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-1)}.session-date[data-v-8a874fca]{color:var(--gray-600);font-size:.875rem}.session-actions[data-v-8a874fca]{flex-shrink:0}.progress-overview[data-v-8a874fca]{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.progress-circle[data-v-8a874fca]{position:relative;display:flex;align-items:center;justify-content:center}.progress-text[data-v-8a874fca]{position:absolute;text-align:center}.progress-percentage[data-v-8a874fca]{font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1}.progress-label[data-v-8a874fca]{font-size:.875rem;color:var(--gray-600);font-weight:500}.progress-details[data-v-8a874fca]{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.progress-item[data-v-8a874fca]{display:flex;align-items:center;gap:var(--space-3)}.progress-bar[data-v-8a874fca]{flex:1;height:8px;background:var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.progress-fill[data-v-8a874fca]{height:100%;background:var(--primary-500);border-radius:var(--radius-sm);transition:width var(--transition-normal)}.progress-item span[data-v-8a874fca]{font-size:.875rem;color:var(--gray-600);font-weight:500;min-width:80px}@media (max-width: 1024px){.dashboard-grid[data-v-8a874fca]{grid-template-columns:1fr}.stats-grid[data-v-8a874fca]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.dashboard-header[data-v-8a874fca]{flex-direction:column;gap:var(--space-4);align-items:stretch}.header-actions[data-v-8a874fca]{justify-content:stretch}.header-actions .btn[data-v-8a874fca]{flex:1}.stats-grid[data-v-8a874fca],.dashboard-grid[data-v-8a874fca]{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-200: #fecaca;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}html{font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--gray-50);color:var(--gray-900);font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--gray-900)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--gray-600);line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:.875rem;font-weight:500;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-ghost{background-color:transparent;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--gray-900)}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:.875rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background-color:#fff;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary-600)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-primary-50{background-color:var(--primary-50)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}