@charset "UTF-8";.auth-container{display:flex;min-height:100vh;width:100%;background:linear-gradient(135deg,var(--blue-50) 0%,var(--white) 100%)}.auth-left{flex:1;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-700) 50%,var(--blue-500) 100%);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.auth-left:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;bottom:-150px;right:-150px}.auth-brand-content{max-width:500px;color:var(--white);position:relative;z-index:2;animation:slideInLeft 1s ease-out}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:40px}.auth-logo h2{font-size:1.5rem;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,var(--white) 0%,var(--blue-200) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-headline{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px;animation:slideUp .8s ease-out .2s both}.testimonial{display:flex;gap:20px;background:#ffffff1a;padding:25px;border-radius:20px;border:1px solid rgba(255,255,255,.2);animation:slideUp .8s ease-out .4s both;transition:var(--transition)}.testimonial:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--blue-300)}.testimonial-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--blue-300)}.testimonial-content{flex:1}.testimonial-content p{font-size:1rem;line-height:1.6;margin-bottom:8px;font-style:italic}.testimonial-content span{font-weight:600;color:var(--blue-200);font-size:.9rem}.text-xs{font-size:.8rem;opacity:.8;margin-top:5px}.mt-1{margin-top:.25rem}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--white);position:relative;overflow:hidden}.auth-right:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--blue-100) 0%,transparent 70%);opacity:.3;border-radius:50%}.auth-right:after{content:"";position:absolute;bottom:0;left:0;width:150px;height:150px;background:radial-gradient(circle,var(--blue-200) 0%,transparent 70%);opacity:.2;border-radius:50%}.auth-form-container{width:100%;max-width:400px;position:relative;z-index:2;animation:slideInRight 1s ease-out}.auth-right-logo{display:none;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;padding:15px;background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-500) 100%);border-radius:50px;color:var(--white);font-weight:600;letter-spacing:1px}.auth-toggle{display:flex;gap:15px;margin-bottom:40px;padding:5px;background:var(--blue-50);border-radius:50px;position:relative}.auth-toggle-btn{flex:1;padding:12px 24px;border:none;background:transparent;color:var(--blue-600);font-weight:600;font-size:.95rem;letter-spacing:1px;cursor:pointer;transition:var(--transition);border-radius:50px;position:relative;z-index:1}.auth-toggle-btn.active{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%);color:var(--white);box-shadow:var(--shadow-md)}.auth-toggle-btn:not(.active):hover{color:var(--blue-800);background:#0052cc1a}.w-full{width:100%}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.9rem;font-weight:600;color:var(--blue-700);text-transform:uppercase;letter-spacing:.5px}.form-input{padding:14px 18px;border:2px solid var(--blue-100);border-radius:12px;font-size:1rem;transition:var(--transition);background:var(--white);color:var(--blue-900)}.form-input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 4px var(--blue-100)}.form-input::placeholder{color:var(--blue-300)}.form-input.error{border-color:#dc2626}.error-message{color:#dc2626;font-size:.85rem;margin-top:4px}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--blue-400);cursor:pointer;font-size:.9rem;font-weight:600}.auth-submit-btn{padding:16px;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%);color:var(--white);border:none;border-radius:50px;font-weight:700;font-size:1.1rem;letter-spacing:1px;cursor:pointer;transition:var(--transition);margin-top:10px;text-transform:uppercase}.auth-submit-btn:hover{background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-800) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-submit-btn:active{transform:translateY(0)}.role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.role-btn{padding:12px;background:var(--white);border:2px solid var(--blue-100);border-radius:12px;font-weight:600;color:var(--blue-600);cursor:pointer;transition:var(--transition)}.role-btn:hover{border-color:var(--blue-400);background:var(--blue-50)}.role-btn.active{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%);color:var(--white);border-color:transparent}.forgot-password{text-align:right;margin:10px 0}.forgot-password a{color:var(--blue-500);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition)}.forgot-password a:hover{color:var(--blue-700);text-decoration:underline}.terms-checkbox{display:flex;align-items:center;gap:10px;margin:15px 0}.terms-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue-500)}.terms-checkbox label{font-size:.9rem;color:var(--blue-600)}.terms-checkbox a{color:var(--blue-500);text-decoration:none;font-weight:600}.terms-checkbox a:hover{text-decoration:underline}.social-login{margin-top:30px;text-align:center}.social-login p{color:var(--blue-400);font-size:.9rem;margin-bottom:15px;position:relative}.social-login p:before,.social-login p:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--blue-200)}.social-login p:before{left:0}.social-login p:after{right:0}.social-icons{display:flex;justify-content:center;gap:15px}.social-icon{width:45px;height:45px;border-radius:50%;background:var(--blue-50);border:2px solid var(--blue-200);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--blue-600);text-decoration:none;transition:var(--transition)}.social-icon:hover{background:var(--blue-500);color:var(--white);border-color:var(--blue-500);transform:translateY(-3px);box-shadow:var(--shadow-md)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:968px){.auth-container{flex-direction:column}.auth-left{padding:60px 40px;min-height:400px}.auth-brand-content{max-width:100%;text-align:center}.auth-logo{justify-content:center}.testimonial{max-width:500px;margin:0 auto}.auth-right{padding:60px 40px}.auth-right-logo{display:flex}}@media(max-width:640px){.auth-left{padding:40px 20px;min-height:300px}.auth-logo h2{font-size:1.2rem}.auth-headline{font-size:1.8rem;margin-bottom:30px}.testimonial{flex-direction:column;align-items:center;text-align:center;padding:20px}.testimonial-avatar{width:80px;height:80px}.auth-right{padding:40px 20px}.auth-form-container{max-width:100%}.auth-toggle-btn{padding:10px 16px;font-size:.85rem}.role-selector{grid-template-columns:1fr}.social-icons{flex-wrap:wrap}}@media(max-width:480px){.auth-left{padding:30px 15px}.auth-headline{font-size:1.5rem}.auth-toggle{flex-direction:column;gap:10px;background:transparent}.auth-toggle-btn{width:100%;background:var(--blue-50)}.auth-toggle-btn.active{background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%)}.form-input{padding:12px 16px;font-size:.95rem}.auth-submit-btn{padding:14px;font-size:1rem}}@media(max-height:600px)and (orientation:landscape){.auth-container{min-height:auto}.auth-left{min-height:300px}.auth-brand-content{padding:20px 0}}.auth-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.auth-loading-spinner{width:50px;height:50px;border:4px solid var(--blue-100);border-top-color:var(--blue-500);border-radius:50%;animation:spin 1s linear infinite}.success-message{background:linear-gradient(135deg,#10b981,#059669);color:var(--white);padding:15px;border-radius:12px;margin-bottom:20px;text-align:center;font-weight:600;animation:slideUp .3s ease-out}.error-alert{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--white);padding:15px;border-radius:12px;margin-bottom:20px;text-align:center;font-weight:600;animation:slideUp .3s ease-out}@media print{.auth-left{background:none;color:#000}.auth-right,.auth-toggle,.auth-submit-btn{display:none}}@media(prefers-reduced-motion:reduce){.auth-brand-content,.auth-form-container,.testimonial,.auth-toggle-btn,.auth-submit-btn,.social-icon{animation:none;transition:none}.testimonial:hover,.auth-toggle-btn:hover,.auth-submit-btn:hover,.social-icon:hover{transform:none}}.auth-toggle-btn:focus-visible,.form-input:focus-visible,.auth-submit-btn:focus-visible,.social-icon:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}@media(prefers-color-scheme:dark){.auth-right{background:var(--blue-900)}.auth-toggle{background:var(--blue-800)}.auth-toggle-btn:not(.active){color:var(--blue-200)}.form-input{background:var(--blue-800);border-color:var(--blue-600);color:var(--white)}.form-input::placeholder{color:var(--blue-400)}.form-label{color:var(--blue-200)}.role-btn{background:var(--blue-800);border-color:var(--blue-600);color:var(--blue-200)}.role-btn:hover{background:var(--blue-700)}}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: #e5e7eb;--border-focus: #6366f1;--input-bg: #ffffff;--input-text: #1f2937;--input-placeholder: #9ca3af;--button-bg: #4f46e5;--button-hover: #4338ca;--button-text: #ffffff;--checkbox-accent: #4f46e5;--error-bg: #fee2e2;--error-text: #b91c1c;--success-bg: #d1fae5;--success-text: #065f46;--spinner-border: #ffffff;--icon-color: #6b7280;--icon-hover: #4b5563;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1f2937;--bg-secondary: #111827;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--border-color: #374151;--border-focus: #818cf8;--input-bg: #374151;--input-text: #f9fafb;--input-placeholder: #9ca3af;--button-bg: #6366f1;--button-hover: #4f46e5;--button-text: #ffffff;--checkbox-accent: #818cf8;--error-bg: #7f1d1d;--error-text: #fecaca;--success-bg: #064e3b;--success-text: #d1fae5;--spinner-border: #ffffff;--icon-color: #9ca3af;--icon-hover: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(255, 255, 255, .05);--shadow-md: 0 4px 6px -1px rgba(255, 255, 255, .1);--shadow-lg: 0 10px 15px -3px rgba(255, 255, 255, .1)}.auth-form{width:100%;max-width:400px;margin:0 auto;padding:2rem;background:var(--bg-primary);border-radius:1rem;box-shadow:var(--shadow-lg)}.form-group-custom{position:relative;margin-bottom:1.5rem;width:100%}.auth-input{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--input-text);background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:.75rem;outline:none;transition:all .2s ease-in-out;box-sizing:border-box}.auth-input:hover{border-color:var(--text-muted)}.auth-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.auth-input::placeholder{color:var(--input-placeholder);opacity:.8}.password-field{position:relative}.password-field .auth-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--icon-color);transition:all .2s ease;z-index:2;border-radius:.5rem;line-height:1}.password-toggle:hover{color:var(--icon-hover);background-color:#0000000d}[data-theme=dark] .password-toggle:hover{background-color:#ffffff1a}.password-toggle:focus{outline:none;color:var(--border-focus)}.password-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.password-toggle svg{width:1.25rem;height:1.25rem;display:block;pointer-events:none}.auth-checkbox-group{display:flex;align-items:center;gap:.5rem;margin:1.5rem 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5;cursor:pointer}.auth-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--checkbox-accent);cursor:pointer;flex-shrink:0}.auth-submit-btn{width:100%;padding:.875rem;font-size:1rem;font-weight:600;letter-spacing:.05em;color:var(--button-text);background-color:var(--button-bg);border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:var(--shadow-sm)}.auth-submit-btn:hover:not(:disabled){background-color:var(--button-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-text{display:flex;align-items:center;justify-content:center;gap:.75rem}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--spinner-border);border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}.auth-error{padding:.75rem;margin-bottom:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:.5rem;font-size:.875rem}.auth-success{padding:.75rem;margin-bottom:1rem;background-color:var(--success-bg);color:var(--success-text);border-radius:.5rem;font-size:.875rem}.auth-link{color:var(--border-focus);text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link:hover{text-decoration:underline}@media screen and (max-width:768px){.auth-form{max-width:90%;padding:1.5rem;margin:1rem auto}.auth-input{padding:.625rem .875rem;font-size:.95rem}.password-field .auth-input{padding-right:2.75rem}.password-toggle{right:.5rem;padding:.4rem}.password-toggle svg{width:1.125rem;height:1.125rem}.auth-checkbox-group{font-size:.875rem;flex-wrap:wrap}.auth-submit-btn{padding:.75rem;font-size:.95rem}}@media screen and (max-width:480px){.auth-form{max-width:100%;padding:1.25rem;margin:.5rem;border-radius:.75rem}.form-group-custom{margin-bottom:1.25rem}.auth-input{padding:.625rem .875rem;font-size:.9rem}.password-field .auth-input{padding-right:2.5rem}.password-toggle{right:.375rem;padding:.35rem}.password-toggle svg{width:1rem;height:1rem}.auth-checkbox-group{margin:1.25rem 0;font-size:.85rem}}@media screen and (max-height:700px){.auth-form{padding:1.25rem}.form-group-custom{margin-bottom:1rem}}@media screen and (max-height:500px)and (orientation:landscape){.auth-form{padding:1rem;margin:.5rem auto}.form-group-custom{margin-bottom:.75rem}}@media(prefers-contrast:high){.auth-input{border-width:2px;border-color:var(--text-primary)}.auth-submit-btn{border:2px solid var(--text-primary)}.password-toggle{border:1px solid transparent}.password-toggle:hover{border-color:var(--text-primary)}}@media(prefers-reduced-motion:reduce){.auth-input,.auth-submit-btn,.password-toggle,.spinner{transition:none;animation:none}}@media print{.auth-form{box-shadow:none;border:1px solid #000}.password-toggle{display:none}}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 1.5rem;color:var(--text-secondary);font-size:.9rem}.auth-forgot-link{color:var(--text-secondary);text-decoration:none;opacity:.9;transition:all .2s ease}.auth-forgot-link:hover{color:var(--border-focus);text-decoration:underline;opacity:1}[data-theme=dark] .auth-forgot-link{color:var(--text-muted)}[data-theme=dark] .auth-forgot-link:hover{color:var(--border-focus)}@media screen and (max-width:480px){.auth-options{flex-direction:column;gap:.75rem;align-items:flex-start}}.auth-select{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--input-text);background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:.75rem;outline:none;transition:all .2s ease-in-out;box-sizing:border-box;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem}.auth-select:hover{border-color:var(--text-muted)}.auth-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.auth-select option:first-of-type{color:var(--input-placeholder)}.auth-select option{color:var(--input-text);background-color:var(--input-bg);padding:.5rem}[data-theme=dark] .auth-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}[data-theme=dark] .auth-select option{background-color:var(--input-bg);color:var(--input-text)}@media screen and (max-width:768px){.auth-select{padding:.625rem .875rem;font-size:.95rem;background-position:right .75rem center;background-size:1rem}}@media screen and (max-width:480px){.auth-select{padding:.625rem .875rem;font-size:.9rem}}@media(prefers-contrast:high){.auth-select{border-width:2px;border-color:var(--text-primary)}}.auth-form-scrollable{max-height:80vh;overflow-y:auto;padding-right:1rem;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}.auth-form-scrollable::-webkit-scrollbar{width:6px}.auth-form-scrollable::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.auth-form-scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.auth-form-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.file-input-group{margin-bottom:1.5rem}.file-input-label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.file-input{width:100%;padding:.5rem;font-size:.95rem;color:var(--input-text);background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:.75rem;outline:none;transition:all .2s ease-in-out;box-sizing:border-box;cursor:pointer}.file-input:hover{border-color:var(--text-muted)}.file-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.file-input::file-selector-button{padding:.5rem 1rem;margin-right:1rem;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background-color .2s ease}.file-input::file-selector-button:hover{background-color:var(--button-hover)}.auth-checkbox-margin,.auth-submit-margin{margin-top:1rem}@media screen and (max-width:768px){.auth-form-scrollable{max-height:70vh;padding-right:.75rem}}@media screen and (max-width:480px){.auth-form-scrollable{max-height:60vh;padding-right:.5rem}.file-input::file-selector-button{padding:.4rem .75rem;font-size:.9rem}}[data-theme=dark] .file-input{color-scheme:dark}[data-theme=dark] .file-input::file-selector-button{background-color:var(--button-bg);color:var(--button-text)}.auth-mode-heading{text-align:center;margin-bottom:2rem}.auth-mode-heading h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:1px}.auth-form-description{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.input-with-icon{position:relative;width:100%}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--icon-color);pointer-events:none;z-index:2}.auth-input-with-icon{padding-left:2.75rem}.auth-back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;font-size:.95rem;font-weight:600;color:var(--text-secondary);background:transparent;border:2px solid transparent;border-radius:.75rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.auth-back-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary);border-color:var(--border-color)}.auth-success-state,.auth-error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.auth-success-icon{color:var(--success-bg);background:var(--success-text);border-radius:50%;padding:4px;margin-bottom:1rem}.auth-error-icon{color:var(--error-bg);background:var(--error-text);border-radius:50%;padding:4px;margin-bottom:1rem}.auth-success-title,.auth-error-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.auth-success-message,.auth-error-message{font-size:1rem;line-height:1.5;color:var(--text-secondary);margin-bottom:2rem}.auth-success-message strong{color:var(--text-primary)}:root{--blue-50: #e6f0ff;--blue-100: #b8d1ff;--blue-200: #8ab3ff;--blue-300: #5c95ff;--blue-400: #2e77ff;--blue-500: #0059ff;--blue-600: #0047cc;--blue-700: #003599;--blue-800: #002466;--blue-900: #001233;--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;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--gradient-blue: linear-gradient(135deg, var(--blue-500), var(--blue-600));--gradient-blue-light: linear-gradient(135deg, var(--blue-400), var(--blue-500));--gradient-blue-subtle: linear-gradient(135deg, var(--blue-50), var(--white))}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s ease;padding:1rem 0}.navbar-scrolled{background:var(--white);box-shadow:var(--shadow-lg);background:#fffffff2;padding:.5rem 0}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-logo{display:flex;align-items:center;text-decoration:none;font-size:1.75rem;font-weight:700;z-index:1001;position:relative}.logo-text{background:linear-gradient(135deg,var(--blue-700),var(--blue-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.navbar-scrolled .logo-text{background:linear-gradient(135deg,var(--blue-600),var(--blue-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-tre{color:var(--blue-500);-webkit-text-fill-color:var(--blue-500)}.logo-dot{color:var(--blue-500);font-size:2rem;margin-left:2px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.hamburger-line{width:100%;height:2px;background:var(--blue-600);transition:all .3s ease;border-radius:2px}.navbar-scrolled .hamburger-line{background:var(--blue-700)}.hamburger-active .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg);background:var(--blue-500)}.hamburger-active .hamburger-line:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger-active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg);background:var(--blue-500)}.nav-menu{display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--gray-700);text-decoration:none;font-size:1rem;font-weight:500;transition:all .2s ease;position:relative;padding:.5rem 0}.navbar-scrolled .nav-link{color:var(--gray-800)}.nav-link:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-blue);transition:width .3s ease;border-radius:2px}.nav-link:hover{color:var(--blue-600)}.nav-link:hover:before{width:100%}.nav-divider{width:1px;height:30px;background:var(--gray-300);margin:0 1rem}.nav-buttons{display:flex;gap:1rem;align-items:center}.nav-btn{padding:.5rem 1.25rem;border-radius:2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.nav-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.nav-btn:hover:before{width:300px;height:300px}.nav-btn-outline{background:transparent;color:var(--blue-600);border:2px solid var(--blue-200)}.nav-btn-outline:hover{background:var(--blue-50);border-color:var(--blue-400);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-btn-primary{background:var(--gradient-blue);color:var(--white);box-shadow:var(--shadow-md)}.nav-btn-primary:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.nav-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.nav-overlay-active{opacity:1;visibility:visible}@media(max-width:768px){.navbar-container{padding:0 1.5rem}.hamburger{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:var(--white);box-shadow:var(--shadow-xl);z-index:1000;transition:right .3s ease;padding:5rem 2rem 2rem;overflow-y:auto}.nav-menu-active{right:0}.nav-links{flex-direction:column;align-items:flex-start;gap:1.5rem}.nav-link{font-size:1.1rem;color:var(--gray-800);width:100%}.nav-link:before{display:none}.nav-link:hover{transform:translate(10px);color:var(--blue-600)}.nav-divider{width:100%;height:1px;margin:1rem 0}.nav-buttons{flex-direction:column;width:100%;gap:1rem}.nav-btn{width:100%;text-align:center;padding:.75rem}.nav-btn:before{display:none}.navbar-scrolled{background:var(--white)}}@media(max-width:480px){.navbar-container{padding:0 1rem}.navbar-logo{font-size:1.5rem}.logo-dot{font-size:1.75rem}.nav-menu{width:100%;max-width:none}}@media(prefers-color-scheme:dark){.navbar-scrolled{background:#111827f2}.navbar-scrolled .logo-text{background:linear-gradient(135deg,var(--blue-300),var(--blue-100));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-scrolled .hamburger-line{background:var(--blue-300)}.nav-link{color:var(--gray-300)}.navbar-scrolled .nav-link{color:var(--gray-200)}.nav-link:hover{color:var(--blue-300)}.nav-divider{background:var(--gray-600)}.nav-btn-outline{color:var(--blue-300);border-color:var(--blue-700)}.nav-btn-outline:hover{background:var(--blue-900);border-color:var(--blue-500)}@media(max-width:768px){.nav-menu{background:var(--gray-800)}.nav-link{color:var(--gray-200)}.nav-link:hover{color:var(--blue-300)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.logo-dot{animation:none}.nav-link:hover,.nav-btn:hover{transform:none}}.hamburger:focus-visible,.nav-link:focus-visible,.nav-btn:focus-visible{outline:2px solid var(--blue-400);outline-offset:2px;border-radius:4px}.nav-loading{position:relative;pointer-events:none;opacity:.7}.nav-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid var(--blue-200);border-top-color:var(--blue-500);border-radius:50%;animation:spin 1s linear infinite}.nav-link.active{color:var(--blue-600);font-weight:600}.nav-link.active:before{width:100%;background:var(--gradient-blue)}.scroll-progress{position:absolute;bottom:-1px;left:0;height:2px;background:var(--gradient-blue);transition:width .1s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.nav-menu-active .nav-links>*{animation:slideIn .3s ease forwards;opacity:0}.nav-menu-active .nav-links>*:nth-child(1){animation-delay:.1s}.nav-menu-active .nav-links>*:nth-child(2){animation-delay:.15s}.nav-menu-active .nav-links>*:nth-child(3){animation-delay:.2s}.nav-menu-active .nav-links>*:nth-child(4){animation-delay:.25s}.nav-menu-active .nav-links>*:nth-child(5){animation-delay:.3s}.nav-menu-active .nav-links>*:nth-child(6){animation-delay:.35s}.nav-menu-active .nav-links>*:nth-child(7){animation-delay:.4s}}@media(max-width:768px){.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-track{background:var(--gray-100)}.nav-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--blue-300),var(--blue-400));border-radius:2px}.nav-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--blue-400),var(--blue-500))}}@media print{.navbar{position:static;box-shadow:none;padding:1rem 0}.hamburger,.nav-overlay,.nav-buttons{display:none}.nav-menu{display:block}.nav-links{flex-direction:row;justify-content:center}.nav-link{color:var(--gray-900)}.nav-link:before{display:none}}:root{--blue-50: #e6f0ff;--blue-100: #b3d1ff;--blue-200: #80b3ff;--blue-300: #4d94ff;--blue-400: #1a75ff;--blue-500: #0052cc;--blue-600: #0041a3;--blue-700: #00317a;--blue-800: #002052;--blue-900: #001029;--blue-950: #000814;--white: #ffffff;--off-white: #f8fafc;--gray-50: #f1f5f9;--gray-100: #e2e8f0;--gray-200: #cbd5e1;--shadow-sm: 0 2px 4px rgba(0, 82, 204, .1);--shadow-md: 0 4px 6px rgba(0, 82, 204, .15);--shadow-lg: 0 10px 15px rgba(0, 82, 204, .2);--transition: all .3s ease}.footer{background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-700) 50%,var(--blue-800) 100%);color:var(--white);padding:60px 0 30px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,82,204,.3) 0%,transparent 60%);pointer-events:none}.footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,var(--blue-300) 20%,var(--blue-100) 50%,var(--blue-300) 80%,transparent 100%)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2;text-align:center}.footer-title{font-size:2rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,var(--white) 0%,var(--blue-200) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative;padding-bottom:15px}.footer-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent 0%,var(--blue-300) 20%,var(--blue-100) 50%,var(--blue-300) 80%,transparent 100%);border-radius:2px}.footer-description{font-size:1rem;line-height:1.8;color:var(--blue-100);max-width:500px;margin:0 auto 30px;padding:0 20px}.footer-socials{display:flex;justify-content:center;gap:25px;margin-bottom:40px;flex-wrap:wrap;position:relative;padding:20px 0}.footer-socials:before{content:"";position:absolute;top:0;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--blue-400) 20%,var(--blue-200) 50%,var(--blue-400) 80%,transparent 100%)}.footer-socials:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--blue-400) 20%,var(--blue-200) 50%,var(--blue-400) 80%,transparent 100%)}.footer-link{color:var(--white);text-decoration:none;font-size:.95rem;font-weight:500;padding:10px 20px;border-radius:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);transition:var(--transition);display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.footer-link:before{font-size:1.1rem;transition:var(--transition)}.footer-link[href*=facebook]:before{content:"📘"}.footer-link[href*=twitter]:before{content:"🐦"}.footer-link[href*=instagram]:before{content:"📷"}.footer-link:hover{background:#fff3;transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}.footer-link:hover:before{transform:scale(1.1)}.footer-link:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.footer-copy{font-size:.9rem;color:var(--blue-200);position:relative;display:inline-block;padding:20px 30px;background:#0003;border-radius:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);margin-top:10px}.footer-copy:before{content:"©";margin-right:5px;font-weight:700;color:var(--blue-300)}.footer-wave{position:absolute;top:-1px;left:0;width:100%;line-height:0;transform:rotate(180deg)}.footer-wave svg{display:block;width:100%;height:auto;fill:var(--blue-800)}.footer-float{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(0,82,204,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.float-1{top:-100px;left:-100px}.float-2{bottom:-100px;right:-100px}@media(max-width:1024px){.footer{padding:50px 0 25px}.footer-title{font-size:1.8rem}.footer-description{font-size:.95rem;max-width:450px}.footer-socials{gap:20px}.footer-link{padding:8px 18px;font-size:.9rem}}@media(max-width:768px){.footer{padding:40px 0 20px}.footer-title{font-size:1.6rem;margin-bottom:15px}.footer-title:after{width:60px;height:2.5px}.footer-description{font-size:.9rem;margin-bottom:25px;padding:0 15px}.footer-socials{gap:15px;margin-bottom:30px;padding:15px 0}.footer-socials:before,.footer-socials:after{left:15%;right:15%}.footer-link{padding:8px 16px;font-size:.85rem}.footer-link:before{font-size:1rem}.footer-copy{font-size:.8rem;padding:15px 25px}}@media(max-width:480px){.footer{padding:30px 0 15px}.footer-title{font-size:1.4rem;padding-bottom:12px}.footer-title:after{width:50px;height:2px}.footer-description{font-size:.85rem;margin-bottom:20px;line-height:1.6}.footer-socials{flex-direction:column;align-items:center;gap:12px;padding:12px 0}.footer-socials:before,.footer-socials:after{left:10%;right:10%}.footer-link{width:200px;justify-content:center;padding:10px 20px;font-size:.9rem}.footer-copy{font-size:.75rem;padding:12px 20px;width:100%;max-width:280px}}@media(max-height:600px)and (orientation:landscape){.footer{padding:30px 0 15px}.footer-title{font-size:1.5rem;margin-bottom:10px}.footer-description{margin-bottom:15px}.footer-socials{margin-bottom:20px}}@media(min-width:1600px){.footer-container{max-width:1400px}.footer-title{font-size:2.2rem}.footer-description{font-size:1.1rem;max-width:600px}.footer-link{padding:12px 24px;font-size:1rem}}@media(prefers-color-scheme:dark){.footer{background:linear-gradient(135deg,var(--blue-950) 0%,var(--blue-800) 50%,var(--blue-900) 100%)}}@media print{.footer{background:none;color:#000;padding:20px 0}.footer:before,.footer:after,.footer-socials:before,.footer-socials:after,.footer-wave,.footer-float{display:none}.footer-title{-webkit-text-fill-color:black;color:#000;background:none}.footer-link,.footer-copy{background:none;border:1px solid #ccc;color:#000}}.footer-link:focus-visible{outline:2px solid var(--white);outline-offset:2px;background:#ffffff40}@media(prefers-reduced-motion:reduce){.footer-link,.footer-link:before{transition:none}.footer-link:hover{transform:none}}.course-card-component{background:#1f1b1b0d;border:1px border rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;display:flex;flex-direction:column;height:100%}.course-card-component:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;background:#ffffff14;border-color:#fff3}.course-card-image-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.course-card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.course-card-component:hover .course-card-image{transform:scale(1.1)}.course-card-badge{position:absolute;top:15px;left:15px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:5px 12px;border-radius:30px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 4px 10px #2563eb4d}.course-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.course-card-title{color:#100f0f;font-size:1.25rem;font-weight:700;margin-bottom:12px;line-height:1.4}.course-card-description{color:#13121299;font-size:.9rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card-footer{margin-top:auto}.course-card-stats{display:flex;gap:16px;margin-bottom:20px;color:#0f0e0e80;font-size:.85rem}.course-stat{display:flex;align-items:center;gap:6px}.course-card-btn{width:100%;background:#fff;color:#0f172a;padding:12px;border-radius:12px;font-weight:600;text-align:center;transition:all .3s ease;cursor:pointer;border:none;display:block}.course-card-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.02)}.course-card-btn:active{transform:scale(.98)}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #1e293b;--accent-color: #f59e0b;--text-color: #333333;--bg-color: #f3f4f6;--white: #ffffff;--danger: #dc2626;--success: #16a34a}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:background-color .2s;cursor:pointer;border:none}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);color:var(--white)}.btn-secondary:hover{background-color:#0f172a}.btn-outline{border:1px solid var(--primary-color);color:var(--primary-color);background:transparent}.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:1rem}.grid{display:grid}.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))}.gap-6{gap:1.5rem}@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))}.md\:flex-row{flex-direction:row}}.navbar{background-color:var(--white);box-shadow:0 2px 4px #0000001a;padding:1rem 0}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;padding:.5rem}.nav-link:hover{color:var(--primary-color)}.hero{background:linear-gradient(#2563ebe6,#1e293be6),url(https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);background-size:cover;background-position:center;color:var(--white);padding:6rem 0;text-align:center}.footer{background-color:var(--secondary-color);color:var(--white);padding:3rem 0;margin-top:auto}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb33}.card{background-color:var(--white);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:transform .2s}.sidebar{width:260px;background-color:var(--secondary-color);color:var(--white);height:100vh;position:fixed;left:0;top:0;overflow-y:auto}.sidebar-link{display:flex;align-items:center;padding:1rem 1.5rem;color:#94a3b8;text-decoration:none;transition:all .2s}.sidebar-link:hover,.sidebar-link.active{background-color:#ffffff1a;color:var(--white)}.main-content{margin-left:260px;padding:2rem;min-height:100vh}#root{text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--blue-50: #f0f5ff;--blue-100: #e0eaff;--blue-200: #b8ccff;--blue-300: #8aa9ff;--blue-400: #5c86ff;--blue-500: #2e63ff;--blue-600: #1e4fcc;--blue-700: #123b99;--blue-800: #0a2866;--blue-900: #051433;--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;--white: #ffffff;--black: #000000;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--gray-800);line-height:1.6;overflow-x:hidden}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-badge{display:inline-block;padding:.5rem 1rem;background:var(--blue-50);color:var(--blue-600);font-size:.875rem;font-weight:600;border-radius:100px;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--blue-100)}.section-title{font-size:2.5rem;font-weight:800;color:var(--gray-900);margin-bottom:1.5rem;line-height:1.2}.section-title .text-gradient{background:linear-gradient(135deg,var(--blue-600),var(--blue-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--blue-500);color:var(--white);box-shadow:0 4px 14px var(--blue-200)}.btn-primary:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 8px 20px var(--blue-300)}.btn-outline-light{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-lg{padding:1rem 2.5rem;font-size:1.125rem}.btn-icon{transition:transform var(--transition-fast)}.btn:hover .btn-icon{transform:translate(4px)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-800) 100%);overflow:hidden;padding:6rem 0}.hero-overlay{position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><path d="M30 0 L60 30 L30 60 L0 30 Z" fill="%23ffffff" fill-opacity="0.03"/></svg>');opacity:.1}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;color:var(--white);padding:0 2rem}.hero-badge{display:inline-block;padding:.5rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:.875rem;font-weight:500;margin-bottom:2rem;color:var(--white)}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-title .text-gradient{background:linear-gradient(135deg,var(--white),var(--blue-200));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,4vw,1.25rem);color:var(--blue-100);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-wave{position:absolute;bottom:0;left:0;right:0;line-height:0}.hero-wave svg{width:100%;height:auto}.animate-fade-in{animation:fadeIn 1s ease forwards}.animate-slide-up{opacity:0;animation:slideUp .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.features-section{padding:6rem 0;background:var(--white);position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:var(--white);padding:2rem;border-radius:16px;box-shadow:var(--shadow);transition:all var(--transition-base);position:relative;overflow:hidden;border:1px solid var(--gray-200)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-400),var(--blue-600));transform:scaleX(0);transition:transform var(--transition-base)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--blue-200)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem}.feature-icon.bg-blue{background:var(--blue-50);color:var(--blue-600)}.feature-icon.bg-green{background:#e0f2e9;color:#0f6e4a}.feature-icon.bg-orange{background:#fff3e0;color:#b45b0f}.feature-icon.bg-pink{background:#fce4f0;color:#a13e6f}.feature-icon.bg-teal{background:#e0f0f2;color:#0e5f6e}.feature-card h3{font-size:1.25rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem}.feature-card p{color:var(--gray-600);margin-bottom:1.5rem;line-height:1.6}.feature-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--blue-600);text-decoration:none;font-weight:600;font-size:.95rem;transition:gap var(--transition-fast)}.feature-link:hover{gap:.75rem;color:var(--blue-700)}.feature-link span{transition:transform var(--transition-fast)}.feature-link:hover span{transform:translate(4px)}.courses-section{padding:6rem 0;background:var(--gray-50)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.courses-loading{text-align:center;padding:3rem}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--blue-200);border-top-color:var(--blue-600);border-radius:50%;animation:spin 1s linear infinite}.section-footer{text-align:center;margin-top:3rem}.btn-outline{background:transparent;color:var(--blue-600);border:2px solid var(--blue-200)}.btn-outline:hover{background:var(--blue-50);border-color:var(--blue-600);transform:translateY(-2px)}.testimonials-section{padding:6rem 0;background:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:var(--white);padding:2rem;border-radius:16px;box-shadow:var(--shadow);transition:all var(--transition-base);border:1px solid var(--gray-200);position:relative}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--blue-200)}.testimonial-rating{color:#fbbf24;font-size:1.25rem;margin-bottom:1rem;letter-spacing:2px}.testimonial-text{color:var(--gray-600);font-style:italic;margin-bottom:1.5rem;line-height:1.7}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--blue-100)}.testimonial-author h4{font-weight:700;color:var(--gray-800);margin-bottom:.25rem}.testimonial-author p{color:var(--gray-500);font-size:.875rem}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--blue-800) 0%,var(--blue-900) 100%);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-content{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto;color:var(--white)}.cta-title{font-size:clamp(2rem,6vw,3rem);font-weight:800;margin-bottom:1.5rem}.cta-text{font-size:1.125rem;color:var(--blue-100);margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.container{padding:0 1.5rem}.section-title{font-size:2rem}.hero-title{font-size:3rem}.features-grid,.courses-grid,.testimonials-grid{gap:1.5rem}}@media(max-width:768px){.hero-section{min-height:80vh;padding:4rem 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.btn-lg{width:100%}.section-header{margin-bottom:3rem}.section-title{font-size:1.75rem}.features-section,.courses-section,.testimonials-section,.cta-section{padding:4rem 0}.features-grid,.testimonials-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:stretch}}@media(max-width:480px){.container{padding:0 1rem}.hero-title{font-size:2rem}.hero-badge{font-size:.75rem}.feature-card,.testimonial-card{padding:1.5rem}.section-badge{font-size:.75rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}}.course-card-skeleton{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--gray-200)}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;margin-bottom:1rem}.skeleton-title{width:80%;height:24px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:1rem}.skeleton-text{width:100%;height:16px;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-text:last-child{width:60%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:5px}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}.about-hero{position:relative;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-700) 50%,var(--blue-500) 100%);min-height:70vh;display:flex;align-items:center;overflow:hidden}.about-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,82,204,.2) 0%,transparent 50%);pointer-events:none}.about-hero-content{position:relative;z-index:2;color:var(--white);max-width:800px;padding:100px 20px;text-align:center;margin:0 auto}.about-hero-badge{display:inline-block;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 24px;border-radius:50px;font-weight:600;font-size:.9rem;letter-spacing:1px;margin-bottom:30px;border:1px solid rgba(255,255,255,.2);animation:fadeIn 1s ease-out}.about-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:24px;animation:slideUp .8s ease-out}.about-hero-title .text-gradient{background:linear-gradient(135deg,var(--blue-200) 0%,var(--white) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--blue-100);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8;animation:slideUp .8s ease-out .2s both}.about-hero-wave{position:absolute;bottom:0;left:0;width:100%;line-height:0}.about-hero-wave svg{display:block;width:100%;height:auto;fill:var(--white)}.stats-section{padding:80px 0;background:linear-gradient(135deg,var(--white) 0%,var(--blue-50) 100%);position:relative}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stat-card{text-align:center;padding:40px 20px;background:var(--white);border-radius:20px;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--blue-100);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-400),var(--blue-600));transform:scaleX(0);transition:var(--transition)}.stat-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--blue-400)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{font-size:3rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.stat-number{font-size:2.5rem;font-weight:800;color:var(--blue-700);margin-bottom:10px;line-height:1}.stat-label{font-size:1rem;color:var(--blue-500);font-weight:500;text-transform:uppercase;letter-spacing:1px}.mission-vision-section{padding:100px 0;background:linear-gradient(135deg,var(--blue-50) 0%,var(--white) 100%)}.mission-vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.mission-card,.vision-card{background:var(--white);padding:50px 40px;border-radius:30px;box-shadow:var(--shadow-lg);transition:var(--transition);border:1px solid var(--blue-100);position:relative;overflow:hidden}.mission-card:before,.vision-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,82,204,.05) 0%,transparent 100%);pointer-events:none}.mission-card:hover,.vision-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--blue-400)}.card-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--blue-100) 0%,var(--blue-200) 100%);border-radius:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;font-size:2.5rem;color:var(--blue-800)}.mission-card h2,.vision-card h2{font-size:2rem;font-weight:700;color:var(--blue-900);margin-bottom:20px}.mission-card p,.vision-card p{color:var(--blue-600);line-height:1.8;margin-bottom:25px;font-size:1.1rem}.mission-list,.vision-list{list-style:none;padding:0}.mission-list li,.vision-list li{color:var(--blue-700);margin-bottom:12px;font-size:1rem;display:flex;align-items:center;gap:10px}.mission-list li:before,.vision-list li:before{content:"✓";color:var(--blue-500);font-weight:700;font-size:1.2rem}.story-section{padding:100px 0;background:linear-gradient(135deg,var(--white) 0%,var(--blue-50) 100%)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.section-title{font-size:2.5rem;font-weight:700;color:var(--blue-900);margin-bottom:40px;line-height:1.2}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--blue-300),var(--blue-500))}.timeline-item{position:relative;padding-bottom:40px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-34px;top:0;width:10px;height:10px;border-radius:50%;background:var(--blue-500);border:2px solid var(--blue-200)}.timeline-year{font-size:1.2rem;font-weight:700;color:var(--blue-500);margin-bottom:10px}.timeline-content h3{font-size:1.5rem;font-weight:600;color:var(--blue-800);margin-bottom:10px}.timeline-content p{color:var(--blue-600);line-height:1.7}.story-image{position:relative;border-radius:30px;overflow:hidden;box-shadow:var(--shadow-xl)}.story-image img{width:100%;height:auto;display:block;transition:var(--transition)}.story-image:hover img{transform:scale(1.05)}.experience-badge{position:absolute;bottom:30px;right:30px;background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-800) 100%);color:var(--white);padding:20px;border-radius:20px;text-align:center;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.experience-badge .years{font-size:2rem;font-weight:800;display:block;line-height:1;margin-bottom:5px}.experience-badge .text{font-size:.9rem;opacity:.9}.values-section{padding:100px 0;background:linear-gradient(135deg,var(--blue-50) 0%,var(--white) 100%)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.value-card{background:var(--white);padding:40px 30px;border-radius:20px;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--blue-100);text-align:center;position:relative;overflow:hidden}.value-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-400),var(--blue-600));transform:scaleX(0);transition:var(--transition)}.value-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--blue-400)}.value-card:hover:after{transform:scaleX(1)}.value-icon{font-size:3rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.value-card h3{font-size:1.5rem;font-weight:700;color:var(--blue-900);margin-bottom:15px}.value-card p{color:var(--blue-600);line-height:1.7}.team-section{padding:100px 0;background:linear-gradient(135deg,var(--white) 0%,var(--blue-50) 100%)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.team-card{background:var(--white);border-radius:30px;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--blue-100)}.team-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--blue-400)}.team-image{position:relative;overflow:hidden;aspect-ratio:1}.team-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.team-card:hover .team-image img{transform:scale(1.1)}.team-social{position:absolute;bottom:-50px;left:0;right:0;display:flex;justify-content:center;gap:15px;padding:20px;background:linear-gradient(to top,rgba(0,82,204,.9),transparent);transition:var(--transition)}.team-card:hover .team-social{bottom:0}.social-icon{width:40px;height:40px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue-600);text-decoration:none;font-size:1.2rem;transition:var(--transition)}.social-icon:hover{background:var(--blue-500);color:var(--white);transform:translateY(-3px)}.team-info{padding:30px;text-align:center}.team-info h3{font-size:1.5rem;font-weight:700;color:var(--blue-900);margin-bottom:10px}.team-position{color:var(--blue-500);font-weight:600;margin-bottom:15px;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.team-bio{color:var(--blue-600);line-height:1.7;font-size:.95rem}.about-cta{padding:100px 0;background:linear-gradient(135deg,var(--blue-800) 0%,var(--blue-600) 100%);position:relative;overflow:hidden}.about-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.about-cta .cta-content{text-align:center;color:var(--white);position:relative;z-index:2;max-width:700px;margin:0 auto}.about-cta h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:20px}.about-cta p{font-size:1.1rem;color:var(--blue-100);margin-bottom:40px;line-height:1.8}.about-cta .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@keyframes slideLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.animate-slide-left{animation:slideLeft .8s ease-out}.animate-slide-right{animation:slideRight .8s ease-out}.animate-fade-in{animation:fadeIn 1s ease-out}.delay-1{animation-delay:.2s;opacity:0;animation-fill-mode:forwards}@media(max-width:1024px){.stats-grid,.values-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}}@media(max-width:768px){.about-hero-content{padding:80px 20px}.about-hero-title{font-size:2.5rem}.stats-section,.mission-vision-section,.story-section,.values-section,.team-section,.about-cta{padding:60px 0}.mission-vision-grid,.story-grid{grid-template-columns:1fr;gap:30px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{padding:30px 15px}.stat-number{font-size:2rem}.values-grid,.team-grid{grid-template-columns:repeat(2,1fr);gap:20px}.team-info{padding:20px}.team-info h3{font-size:1.2rem}.section-header{margin-bottom:40px}.section-title{font-size:1.8rem}.experience-badge{bottom:20px;right:20px;padding:15px}.experience-badge .years{font-size:1.5rem}}@media(max-width:480px){.about-hero-title{font-size:2rem}.about-hero-badge{font-size:.8rem;padding:8px 16px}.stats-grid,.values-grid,.team-grid{grid-template-columns:1fr}.stat-card{padding:25px}.mission-card,.vision-card{padding:30px 20px}.mission-card h2,.vision-card h2{font-size:1.5rem}.card-icon{width:60px;height:60px;font-size:2rem}.value-card{padding:30px 20px}.value-card h3{font-size:1.3rem}.about-cta .cta-buttons{flex-direction:column;align-items:center}.about-cta .btn{width:100%;max-width:280px}.timeline-item{padding-bottom:30px}.timeline-content h3{font-size:1.3rem}}@media(max-height:600px)and (orientation:landscape){.about-hero{min-height:auto}.about-hero-content{padding:60px 20px}}@media print{.about-hero,.about-cta{background:none;color:#000}.btn,.team-social{display:none}}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.contact-hero{position:relative;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-700) 50%,var(--blue-500) 100%);min-height:60vh;display:flex;align-items:center;overflow:hidden}.contact-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,82,204,.2) 0%,transparent 50%);pointer-events:none}.contact-hero-content{position:relative;z-index:2;color:var(--white);max-width:800px;padding:100px 20px;text-align:center;margin:0 auto}.contact-hero-badge{display:inline-block;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 24px;border-radius:50px;font-weight:600;font-size:.9rem;letter-spacing:1px;margin-bottom:30px;border:1px solid rgba(255,255,255,.2);animation:fadeIn 1s ease-out}.contact-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:24px;animation:slideUp .8s ease-out}.contact-hero-title .text-gradient{background:linear-gradient(135deg,var(--blue-200) 0%,var(--white) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--blue-100);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8;animation:slideUp .8s ease-out .2s both}.contact-hero-wave{position:absolute;bottom:0;left:0;width:100%;line-height:0}.contact-hero-wave svg{display:block;width:100%;height:auto;fill:var(--white)}.quick-contact-section{padding:80px 0 60px;background:linear-gradient(135deg,var(--white) 0%,var(--blue-50) 100%);position:relative;z-index:2}.quick-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:-100px}.contact-card{background:var(--white);padding:40px 25px;border-radius:30px;box-shadow:var(--shadow-lg);transition:var(--transition);border:1px solid var(--blue-100);text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-400),var(--blue-600));transform:scaleX(0);transition:var(--transition)}.contact-card:hover{transform:translateY(-15px);box-shadow:var(--shadow-xl);border-color:var(--blue-400)}.contact-card:hover:before{transform:scaleX(1)}.contact-icon{font-size:3rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.contact-card h3{font-size:1.5rem;font-weight:700;color:var(--blue-900);margin-bottom:15px}.contact-card p{color:var(--blue-600);line-height:1.8;margin-bottom:20px;font-size:1rem}.contact-card-footer{display:inline-block;background:linear-gradient(135deg,var(--blue-50) 0%,var(--blue-100) 100%);color:var(--blue-700);padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:600;letter-spacing:.5px}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;background:linear-gradient(135deg,var(--blue-100) 0%,var(--blue-200) 100%);color:var(--blue-800);padding:8px 20px;border-radius:50px;font-weight:600;font-size:.9rem;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.section-title{font-size:2.5rem;font-weight:700;color:var(--blue-900);margin-bottom:20px;line-height:1.2}.section-subtitle{font-size:1.1rem;color:var(--blue-600);max-width:600px;margin:0 auto}.contact-methods-section{padding:80px 0;background:linear-gradient(135deg,var(--blue-50) 0%,var(--white) 100%)}.methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.method-card{background:var(--white);padding:40px 30px;border-radius:30px;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--blue-100);text-align:center}.method-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--blue-400)}.method-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--blue-100) 0%,var(--blue-200) 100%);border-radius:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2.5rem;color:var(--blue-800)}.method-card h3{font-size:1.5rem;font-weight:700;color:var(--blue-900);margin-bottom:15px}.method-card p{color:var(--blue-600);line-height:1.7;margin-bottom:20px}.app-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.app-badge{background:var(--blue-50);color:var(--blue-700);padding:8px 16px;border-radius:50px;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid var(--blue-200)}.app-badge:hover{background:var(--blue-100);transform:translateY(-2px)}.hours-list{text-align:left;margin-top:15px}.hour-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--blue-100);color:var(--blue-700)}.hour-item:last-child{border-bottom:none}.hour-item span:first-child{font-weight:600}.hour-item span:last-child{color:var(--blue-500)}.social-media-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.social-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:var(--blue-50);color:var(--blue-700);text-decoration:none;border-radius:50px;transition:var(--transition);border:1px solid var(--blue-200);font-size:.9rem}.social-link:hover{background:var(--blue-100);transform:translateY(-2px);color:var(--blue-800)}.departments-section{padding:80px 0;background:linear-gradient(135deg,var(--white) 0%,var(--blue-50) 100%)}.departments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.department-card{background:var(--white);padding:30px;border-radius:20px;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--blue-100)}.department-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--blue-400)}.department-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--blue-100)}.department-icon{font-size:2rem;background:linear-gradient(135deg,var(--blue-100) 0%,var(--blue-200) 100%);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:var(--blue-800)}.department-header h3{font-size:1.2rem;font-weight:700;color:var(--blue-900);flex:1}.department-details{display:flex;flex-direction:column;gap:12px}.department-details p{display:flex;align-items:center;gap:10px;color:var(--blue-700);font-size:.95rem;line-height:1.5}.department-details p span{font-size:1.1rem;min-width:25px;color:var(--blue-500)}.faq-preview-section{padding:80px 0;background:linear-gradient(135deg,var(--blue-50) 0%,var(--white) 100%)}.faq-content{text-align:center;max-width:900px;margin:0 auto}.faq-content h2{font-size:2.2rem;font-weight:700;color:var(--blue-900);margin-bottom:15px}.faq-content>p{color:var(--blue-600);font-size:1.1rem;margin-bottom:40px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:40px}.faq-item{background:var(--white);padding:25px;border-radius:20px;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--blue-100);text-align:left}.faq-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--blue-400);background:linear-gradient(135deg,var(--white) 0%,var(--blue-50) 100%)}.faq-item h4{font-size:1.1rem;font-weight:700;color:var(--blue-800);margin-bottom:10px;display:flex;align-items:center;gap:8px}.faq-item h4:before{content:"❓";font-size:1rem;color:var(--blue-500)}.faq-item p{color:var(--blue-600);font-size:.95rem;line-height:1.6;margin-left:24px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;background:transparent;color:var(--blue-600);border:2px solid var(--blue-500);border-radius:50px;font-weight:600;text-decoration:none;transition:var(--transition);gap:10px}.btn-outline:hover{background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-cta{padding:100px 0;background:linear-gradient(135deg,var(--blue-800) 0%,var(--blue-600) 100%);position:relative;overflow:hidden}.contact-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.contact-cta .cta-content{text-align:center;color:var(--white);position:relative;z-index:2;max-width:700px;margin:0 auto}.contact-cta h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:20px}.contact-cta p{font-size:1.1rem;color:var(--blue-100);margin-bottom:40px;line-height:1.8}.contact-cta .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%);color:var(--white);border:none;border-radius:50px;font-weight:600;font-size:1.1rem;text-decoration:none;box-shadow:var(--shadow-md);transition:var(--transition);gap:10px}.btn-primary:hover{background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-800) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline-light{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:transparent;color:var(--white);border:2px solid var(--white);border-radius:50px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:var(--transition);gap:10px}.btn-outline-light:hover{background:var(--white);color:var(--blue-600);transform:translateY(-2px)}.btn-icon{font-size:1.2rem}@media(max-width:1024px){.quick-contact-grid{grid-template-columns:repeat(2,1fr);margin-top:-80px;gap:20px}.methods-grid,.departments-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}}@media(max-width:768px){.contact-hero-content{padding:80px 20px}.contact-hero-title{font-size:2.5rem}.quick-contact-section{padding:60px 0 40px}.quick-contact-grid{grid-template-columns:repeat(2,1fr);margin-top:-60px;gap:15px}.contact-card{padding:30px 20px}.contact-icon{font-size:2.5rem}.contact-card h3{font-size:1.3rem}.contact-card p{font-size:.95rem}.contact-methods-section,.departments-section,.faq-preview-section,.contact-cta{padding:60px 0}.section-header{margin-bottom:40px}.section-title{font-size:1.8rem}.methods-grid,.departments-grid,.faq-grid{grid-template-columns:1fr;gap:20px}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-outline-light{width:100%;max-width:300px}.social-media-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.contact-hero-title{font-size:2rem}.contact-hero-badge{font-size:.8rem;padding:8px 16px}.quick-contact-grid{grid-template-columns:1fr;margin-top:-40px;gap:15px}.contact-card{padding:25px 20px}.contact-icon{font-size:2.2rem}.contact-card h3{font-size:1.2rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}.method-card{padding:30px 20px}.method-icon{width:60px;height:60px;font-size:2rem}.department-card{padding:25px}.department-header{gap:10px}.department-icon{width:40px;height:40px;font-size:1.5rem}.department-header h3{font-size:1.1rem}.faq-item{padding:20px}.faq-item h4{font-size:1rem}.social-media-links{grid-template-columns:1fr}.hour-item{flex-direction:column;gap:5px;align-items:flex-start}}@media(max-width:360px){.app-badges{flex-direction:column}.app-badge{width:100%}}@media(max-height:600px)and (orientation:landscape){.contact-hero{min-height:auto}.contact-hero-content{padding:60px 20px}}@media print{.contact-hero,.contact-cta{background:none;color:#000}.btn,.app-badge,.social-link{display:none}}.btn:focus-visible,.app-badge:focus-visible,.social-link:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){.contact-card,.method-card,.department-card,.faq-item,.btn,.contact-icon{animation:none;transition:none}.contact-card:hover,.method-card:hover,.department-card:hover,.faq-item:hover{transform:none}}:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--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);--shadow-blue-sm: 0 1px 2px 0 rgba(37, 99, 235, .1);--shadow-blue: 0 1px 3px 0 rgba(37, 99, 235, .2), 0 1px 2px -1px rgba(37, 99, 235, .1);--shadow-blue-md: 0 4px 6px -1px rgba(37, 99, 235, .2), 0 2px 4px -2px rgba(37, 99, 235, .1);--shadow-blue-lg: 0 10px 15px -3px rgba(37, 99, 235, .2), 0 4px 6px -4px rgba(37, 99, 235, .1);--transition-fast: all .2s ease;--transition: all .3s ease;--transition-slow: all .4s ease;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--gray-800);background-color:var(--gray-50)}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.faq-hero{background:linear-gradient(135deg,var(--blue-950) 0%,var(--blue-800) 50%,var(--blue-600) 100%);color:var(--white);padding:6rem 0;text-align:center;position:relative;isolation:isolate}.faq-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0%,transparent 20%),linear-gradient(45deg,transparent 65%,rgba(255,255,255,.05) 100%);z-index:1}.faq-hero:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M50 5L95 50L50 95L5 50L50 5Z" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="2"/></svg>');background-size:60px 60px;opacity:.3;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;animation:fadeInUp .8s ease-out}.hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(to right,var(--white),var(--blue-100));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-content p{font-size:1.25rem;margin-bottom:3rem;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;color:#ffffffe6}.search-container{max-width:600px;margin:0 auto}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1.25rem;font-size:1.25rem;color:var(--blue-400);z-index:2;transition:var(--transition)}.search-input{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;font-size:1.1rem;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-full);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);transition:var(--transition);box-shadow:var(--shadow-lg)}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:var(--white);background:#ffffff26;box-shadow:0 0 0 4px #fff3}.clear-search{position:absolute;right:1.25rem;background:#fff3;border:none;color:var(--white);font-size:1rem;cursor:pointer;padding:.25rem .75rem;border-radius:var(--radius-full);transition:var(--transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.clear-search:hover{background:#ffffff4d;transform:scale(1.05)}.faq-main{padding:5rem 0;background:var(--gray-50)}.faq-layout{display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:start}.faq-sidebar{background:var(--white);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);position:sticky;top:2rem;transition:var(--transition);border:1px solid var(--gray-100)}.faq-sidebar:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.faq-sidebar h3{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--blue-100);display:flex;align-items:center;gap:.5rem}.faq-sidebar h3:before{content:"📌";font-size:1.25rem}.category-list{list-style:none;margin-bottom:2rem}.category-list li{margin-bottom:.5rem}.category-btn{width:100%;display:flex;align-items:center;padding:1rem 1.25rem;background:none;border:none;border-radius:var(--radius);color:var(--gray-600);font-size:1rem;text-align:left;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--blue-500);transform:scaleY(0);transition:var(--transition)}.category-btn:hover{background:var(--blue-50);color:var(--blue-700);padding-left:1.75rem}.category-btn:hover:before{transform:scaleY(1)}.category-btn.active{background:var(--blue-500);color:var(--white);box-shadow:var(--shadow-blue-md)}.category-btn.active:before{background:var(--white);transform:scaleY(1)}.category-icon{margin-right:1rem;font-size:1.25rem}.category-name{flex:1;font-weight:500}.category-count{font-size:.875rem;color:var(--gray-400);margin-left:.5rem;padding:.125rem .5rem;background:var(--gray-100);border-radius:var(--radius-full)}.category-btn.active .category-count{background:#fff3;color:var(--white)}.contact-card{background:linear-gradient(135deg,var(--blue-50) 0%,var(--white) 100%);border-radius:var(--radius-lg);padding:2rem;margin-top:2rem;border:1px solid var(--blue-100);position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:var(--blue-200);opacity:.2;border-radius:50%;transform:translate(30px,-30px)}.contact-card h4{font-size:1.25rem;font-weight:600;color:var(--blue-800);margin-bottom:.75rem;position:relative}.contact-card p{color:var(--gray-600);font-size:.95rem;margin-bottom:1.5rem;line-height:1.6;position:relative}.contact-options{margin-bottom:1.5rem;position:relative}.contact-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--gray-700);text-decoration:none;font-size:.95rem;transition:var(--transition);border-bottom:1px dashed var(--blue-100)}.contact-item:last-child{border-bottom:none}.contact-item:hover{color:var(--blue-600);transform:translate(4px)}.contact-icon{font-size:1.25rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:50%;box-shadow:var(--shadow-sm)}.contact-btn{display:block;width:100%;padding:1rem;background:var(--blue-600);color:var(--white);text-align:center;text-decoration:none;border-radius:var(--radius);font-weight:500;transition:var(--transition);border:2px solid transparent;position:relative;overflow:hidden}.contact-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.contact-btn:hover{background:var(--blue-700);transform:translateY(-2px);box-shadow:var(--shadow-blue-lg)}.contact-btn:hover:before{width:300px;height:300px}.faq-content-area{min-height:600px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.results-count{color:var(--gray-600);font-size:.95rem;font-weight:500}.results-count:before{content:"📊";margin-right:.5rem;font-size:1rem}.clear-category{padding:.5rem 1.25rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);font-size:.95rem;cursor:pointer;transition:var(--transition);font-weight:500}.clear-category:hover{background:var(--gray-200);border-color:var(--gray-300);color:var(--gray-800);transform:scale(1.02)}.faq-category-group{margin-bottom:3rem;animation:fadeIn .5s ease-out}.category-heading{font-size:1.75rem;font-weight:700;color:var(--gray-800);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--blue-200);display:flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.category-heading span{background:var(--blue-100);padding:.25rem 1rem;border-radius:var(--radius-full);font-size:1rem;color:var(--blue-700)}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--gray-200)}.faq-item:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-300);transform:translateY(-2px)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:none;border:none;text-align:left;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.faq-question:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--blue-500);transform:scaleY(0);transition:var(--transition)}.faq-question:hover{background:var(--blue-50)}.faq-question:hover:before{transform:scaleY(1)}.faq-item.active .faq-question{background:var(--blue-50);border-bottom:2px solid var(--blue-200)}.faq-item.active .faq-question:before{transform:scaleY(1)}.question-text{font-size:1.125rem;font-weight:600;color:var(--gray-800);padding-right:2rem;line-height:1.5;transition:var(--transition)}.faq-item.active .question-text{color:var(--blue-700)}.faq-icon{font-size:1.75rem;color:var(--blue-500);font-weight:300;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--white);box-shadow:var(--shadow-sm);transition:var(--transition)}.faq-item.active .faq-icon{background:var(--blue-500);color:var(--white);transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 2rem;overflow:hidden;transition:var(--transition-slow);background:var(--white)}.faq-item.active .faq-answer{max-height:800px;padding:0 2rem 2rem}.faq-answer p{color:var(--gray-600);line-height:1.8;margin-bottom:1.5rem;font-size:1rem}.answer-actions{display:flex;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed var(--blue-200)}.action-link{color:var(--blue-600);text-decoration:none;font-size:.95rem;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--blue-50);border-radius:var(--radius-full);border:1px solid var(--blue-200)}.action-link:hover{color:var(--white);background:var(--blue-600);border-color:var(--blue-600);transform:translate(4px);box-shadow:var(--shadow-blue-md)}.no-results{text-align:center;padding:5rem 2rem;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);animation:fadeIn .5s ease-out}.no-results-icon{font-size:5rem;margin-bottom:2rem;opacity:.5;animation:bounce 2s infinite}.no-results h3{font-size:2rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem}.no-results p{color:var(--gray-600);max-width:500px;margin:0 auto 2.5rem;font-size:1.1rem}.clear-btn{padding:1rem 3rem;background:var(--blue-500);color:var(--white);border:none;border-radius:var(--radius-full);font-size:1.1rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-blue-md);border:2px solid transparent}.clear-btn:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:var(--shadow-blue-lg);border-color:var(--blue-400)}.help-section{padding:6rem 0;background:linear-gradient(135deg,var(--white) 0%,var(--blue-50) 100%);border-top:1px solid var(--blue-200);position:relative;overflow:hidden}.help-section:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:var(--blue-200);border-radius:50%;opacity:.1}.help-section:after{content:"";position:absolute;bottom:-50%;left:-10%;width:400px;height:400px;background:var(--blue-300);border-radius:50%;opacity:.1}.help-content{text-align:center;max-width:1000px;margin:0 auto;position:relative;z-index:2}.help-content h2{font-size:2.5rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem;background:linear-gradient(135deg,var(--blue-800),var(--blue-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-content>p{font-size:1.25rem;color:var(--gray-600);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.help-options{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.help-card{background:var(--white);padding:2.5rem 2rem;border-radius:var(--radius-xl);text-decoration:none;transition:var(--transition);border:2px solid var(--gray-100);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.help-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-400),var(--blue-600));transform:scaleX(0);transition:var(--transition)}.help-card:hover{transform:translateY(-8px);border-color:var(--blue-200);box-shadow:var(--shadow-xl)}.help-card:hover:before{transform:scaleX(1)}.help-icon{font-size:3rem;margin-bottom:1.5rem;transition:var(--transition)}.help-card:hover .help-icon{transform:scale(1.1) rotate(5deg)}.help-card h4{font-size:1.35rem;font-weight:600;color:var(--gray-800);margin-bottom:.75rem;transition:var(--transition)}.help-card:hover h4{color:var(--blue-600)}.help-card p{font-size:.95rem;color:var(--gray-600);margin-bottom:0;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.faq-sidebar{animation:slideInLeft .6s ease-out}.faq-content-area{animation:slideInRight .6s ease-out}.faq-item{animation:fadeInUp .5s ease-out;animation-fill-mode:both}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}@media(max-width:1024px){.hero-content h1{font-size:3rem}.faq-layout{grid-template-columns:280px 1fr;gap:2rem}.help-options{gap:1.5rem}}@media(max-width:768px){.container{padding:0 1.5rem}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem;padding:0 1rem}.faq-layout{grid-template-columns:1fr}.faq-sidebar{position:static;margin-bottom:2rem}.category-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.help-options{grid-template-columns:1fr;max-width:400px;margin:0 auto}.faq-question{padding:1.25rem}.question-text{font-size:1rem}.answer-actions{flex-direction:column;gap:.75rem}.action-link{width:100%;justify-content:center}}@media(max-width:480px){.container{padding:0 1rem}.hero-content h1{font-size:2rem}.faq-hero{padding:4rem 0}.category-list{grid-template-columns:1fr}.contact-card{padding:1.5rem}.faq-item.active .faq-answer{padding:0 1.25rem 1.25rem}.faq-answer p{font-size:.95rem}.results-header{flex-direction:column;gap:1rem;text-align:center}.no-results{padding:3rem 1rem}.no-results h3{font-size:1.5rem}.no-results p{font-size:1rem}.clear-btn{padding:.875rem 2rem;font-size:1rem}.help-section{padding:4rem 0}.help-content h2{font-size:2rem}.help-content>p{font-size:1.1rem;margin-bottom:2.5rem}.help-card{padding:2rem 1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:3px solid var(--blue-400);outline-offset:3px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--blue-400),var(--blue-600));border-radius:var(--radius-full);border:3px solid var(--gray-100)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--blue-500),var(--blue-700))}.faq-item.loading{position:relative;overflow:hidden}.faq-item.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media print{.faq-hero{background:none;color:#000;padding:2rem 0}.faq-hero h1{-webkit-text-fill-color:black}.search-container,.faq-sidebar,.contact-card,.help-section,.answer-actions,.clear-category,.clear-btn{display:none!important}.faq-item{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.faq-answer{max-height:none!important;padding:1rem!important}.faq-icon{display:none}}:root{--blue-50: #e6f0ff;--blue-100: #b8d1ff;--blue-200: #8ab3ff;--blue-300: #5c95ff;--blue-400: #2e77ff;--blue-500: #0059ff;--blue-600: #0047cc;--blue-700: #003599;--blue-800: #002466;--blue-900: #001233;--blue-950: #000c1f;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-blue: 0 4px 12px rgba(0, 89, 255, .15);--gradient-blue: linear-gradient(135deg, var(--blue-500), var(--blue-600));--gradient-blue-light: linear-gradient(135deg, var(--blue-400), var(--blue-500));--gradient-blue-subtle: linear-gradient(135deg, var(--blue-50), var(--white));--gradient-blue-dark: linear-gradient(135deg, var(--blue-800), var(--blue-900));--sidebar-width: 280px;--sidebar-collapsed-width: 0px;--header-height: 70px;--transition-speed: .3s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--gray-50);color:var(--gray-900)}.student-dashboard-container{display:flex;min-height:100vh;position:relative;background:var(--gray-50)}.mobile-menu-toggle{position:fixed;top:1rem;left:1rem;z-index:1001;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--white);border:1px solid var(--gray-200);border-radius:.75rem;color:var(--gray-600);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.mobile-menu-toggle:hover{background:var(--blue-50);color:var(--blue-600);transform:scale(1.05);border-color:var(--blue-200)}.mobile-menu-toggle:active{transform:scale(.95)}.student-sidebar{width:var(--sidebar-width);background:var(--gradient-blue-dark);color:var(--white);position:fixed;top:0;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;transition:transform var(--transition-speed) ease;z-index:1000;box-shadow:4px 0 20px #0003;display:flex;flex-direction:column;transform:translate(0)}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.logo{font-size:1.25rem;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,var(--white),var(--blue-100));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.2)}.sidebar-close-btn{display:none;width:32px;height:32px;border:none;border-radius:.5rem;background:#ffffff1a;color:var(--white);cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-close-btn:hover{background:#fff3;transform:rotate(90deg)}.sidebar-nav{flex:1;padding:1.5rem 0;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;color:#ffffffb3;text-decoration:none;transition:all .2s ease;position:relative;font-size:.95rem;font-weight:500;border:none;background:transparent;cursor:pointer;text-align:left;width:100%;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-blue-light);opacity:0;transition:opacity .2s ease}.nav-item:hover{background:#ffffff1a;color:var(--white);transform:translate(5px)}.nav-item:hover:before{opacity:1}.nav-item.active{background:#ffffff26;color:var(--white)}.nav-item.active:before{opacity:1;background:var(--gradient-blue)}.nav-item svg{width:18px;height:18px;transition:transform .2s ease}.nav-item:hover svg{transform:scale(1.1)}.nav-item span{flex:1}.logout-btn{margin-top:auto}.logout-btn:hover{background:#ef444433!important;color:#fecaca!important}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.25rem}.student-main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-speed) ease}.dashboard-header{height:var(--header-height);background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);background:#ffffffe6}.dashboard-header h1{font-size:1.5rem;font-weight:600;color:var(--blue-900);background:linear-gradient(135deg,var(--blue-900),var(--blue-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-profile-badge{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--gray-50);border-radius:3rem;border:1px solid var(--gray-200);transition:all .2s ease;cursor:pointer}.user-profile-badge:hover{background:var(--blue-50);border-color:var(--blue-200);transform:scale(1.02);box-shadow:var(--shadow-md)}.user-name{font-weight:500;color:var(--blue-900)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-blue);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;text-transform:uppercase;box-shadow:var(--shadow-md);transition:all .2s ease}.user-profile-badge:hover .avatar{transform:scale(1.05);box-shadow:var(--shadow-blue)}.student-main-content>:nth-child(2){flex:1;padding:2rem;animation:fadeIn .5s ease}.menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}@media(max-width:1024px){.student-sidebar{transform:translate(-100%);box-shadow:none;width:min(280px,80vw)}.student-sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0003}.student-main-content{margin-left:0!important}.sidebar-close-btn,.mobile-menu-toggle{display:flex!important}.dashboard-header{padding-left:4rem}.dashboard-header h1{font-size:1.25rem}}@media(max-width:768px){.dashboard-header{padding:0 1rem 0 4rem;height:auto;min-height:var(--header-height);flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}.dashboard-header h1{font-size:1.1rem}.user-profile-badge{width:100%;justify-content:space-between}.user-name{font-size:.9rem}.student-main-content>:nth-child(2){padding:1.5rem}}@media(max-width:480px){.dashboard-header{padding:.75rem .75rem .75rem 4rem}.dashboard-header h1{font-size:1rem}.user-profile-badge{padding:.25rem .75rem}.user-name{font-size:.85rem}.avatar{width:32px;height:32px;font-size:.9rem}.student-main-content>:nth-child(2){padding:1rem}.mobile-menu-toggle{width:40px;height:40px;top:.75rem;left:.75rem}}@media(prefers-color-scheme:dark){body{background:var(--gray-900)}.dashboard-header{background:#1e293be6;border-bottom-color:var(--gray-700)}.dashboard-header h1{background:linear-gradient(135deg,var(--blue-100),var(--blue-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-profile-badge{background:var(--gray-800);border-color:var(--gray-700)}.user-name{color:var(--blue-100)}.user-profile-badge:hover{background:var(--blue-900);border-color:var(--blue-700)}.avatar{background:linear-gradient(135deg,var(--blue-600),var(--blue-700))}.mobile-menu-toggle{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-300)}.mobile-menu-toggle:hover{background:var(--blue-900);color:var(--blue-200);border-color:var(--blue-700)}.menu-overlay{background:#000000b3}}@media print{.student-sidebar,.dashboard-header,.mobile-menu-toggle,.menu-overlay{display:none}.student-main-content{margin-left:0}.student-main-content>:nth-child(2){padding:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.student-sidebar,.mobile-menu-toggle,.user-profile-badge{transition:none}.nav-item:hover,.mobile-menu-toggle:hover,.user-profile-badge:hover{transform:none}}.nav-item:focus-visible,.mobile-menu-toggle:focus-visible,.user-profile-badge:focus-visible,.sidebar-close-btn:focus-visible{outline:2px solid var(--blue-400);outline-offset:2px;border-radius:.5rem}.student-sidebar::-webkit-scrollbar{width:6px}.student-sidebar::-webkit-scrollbar-track{background:#ffffff1a}.student-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.student-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--white);border-radius:1rem;box-shadow:var(--shadow-lg);padding:2rem}:root{--blue-50: #e6f0ff;--blue-100: #b8d1ff;--blue-200: #8ab3ff;--blue-300: #5c95ff;--blue-400: #2e77ff;--blue-500: #0059ff;--blue-600: #0047cc;--blue-700: #003599;--blue-800: #002466;--blue-900: #001233;--blue-950: #000c1f;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--red-50: #fef2f2;--red-100: #fee2e2;--red-500: #ef4444;--red-600: #dc2626;--green-50: #f0fdf4;--green-100: #dcfce7;--green-500: #22c55e;--green-600: #16a34a;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-500: #f97316;--orange-600: #ea580c;--purple-50: #f5f3ff;--purple-100: #ede9fe;--purple-500: #8b5cf6;--purple-600: #7c3aed;--pink-50: #fff1f2;--pink-100: #ffe4e6;--pink-500: #e11d48;--pink-600: #be123c;--violet-50: #fdf4ff;--violet-100: #fae8ff;--violet-500: #a855f7;--violet-600: #9333ea;--student-border: var(--gray-200);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-blue: 0 4px 12px rgba(0, 89, 255, .15);--shadow-blue-lg: 0 10px 25px -5px rgba(0, 89, 255, .2);--gradient-blue: linear-gradient(135deg, var(--blue-500), var(--blue-600));--gradient-blue-light: linear-gradient(135deg, var(--blue-400), var(--blue-500));--gradient-blue-subtle: linear-gradient(135deg, var(--blue-50), var(--white));--gradient-blue-dark: linear-gradient(135deg, var(--blue-800), var(--blue-900))}.student-overview{width:100%;max-width:100%;margin:0 auto;padding:2rem;min-height:calc(100vh - 70px);animation:fadeIn .5s ease}.welcome-header{margin-bottom:2.5rem;background:var(--gradient-blue-subtle);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--blue-100);position:relative;overflow:hidden;animation:slideDown .3s ease}.welcome-header:before{content:"";position:absolute;top:0;right:0;width:250px;height:250px;background:radial-gradient(circle at top right,var(--blue-200),transparent 70%);opacity:.3;pointer-events:none}.welcome-header:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background:radial-gradient(circle at bottom left,var(--blue-300),transparent 70%);opacity:.2;pointer-events:none}.welcome-title{font-size:2rem;font-weight:700;color:var(--blue-900);margin-bottom:.5rem;letter-spacing:-.02em;position:relative;z-index:1}.welcome-subtitle{font-size:1rem;color:var(--gray-600);position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;animation:slideUp .5s ease}.stat-card{background:var(--white);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden;animation:cardAppear .5s ease forwards;opacity:0;transform:translateY(20px)}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-card:nth-child(5){animation-delay:.3s}.stat-card:nth-child(6){animation-delay:.35s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-blue-lg);border-color:var(--blue-200)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-blue);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-card-content{flex:1}.stat-card-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-500);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-card-value{display:block;font-size:2rem;font-weight:700;color:var(--blue-900);line-height:1.2}.stat-card-icon{width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.stat-card:hover .stat-card-icon{transform:scale(1.1) rotate(5deg)}.icon-blue{background:var(--blue-50);color:var(--blue-500)}.icon-green{background:var(--green-50);color:var(--green-500)}.icon-orange{background:var(--orange-50);color:var(--orange-500)}.icon-purple{background:var(--purple-50);color:var(--purple-500)}.icon-pink{background:var(--pink-50);color:var(--pink-500)}.icon-violet{background:var(--violet-50);color:var(--violet-500)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;animation:fadeIn .5s ease .4s both}.dashboard-card{background:var(--white);border-radius:1.25rem;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.dashboard-card:hover{box-shadow:var(--shadow-blue);border-color:var(--blue-200)}.card-title{font-size:1.1rem;font-weight:600;color:var(--blue-900);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--blue-100);position:relative}.card-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--gradient-blue)}.chart-placeholder{height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-50),var(--white));border-radius:1rem;color:var(--gray-400);font-size:.95rem;border:2px dashed var(--gray-300);transition:all .3s ease}.chart-placeholder:hover{border-color:var(--blue-200);background:var(--blue-50);color:var(--blue-400)}.deadline-item{display:flex;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--red-100);border-radius:1rem;background:var(--red-50);transition:all .3s ease;margin-bottom:1rem}.deadline-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--red-300)}.deadline-icon{width:48px;height:48px;background:var(--red-500);color:var(--white);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s ease}.deadline-item:hover .deadline-icon{transform:scale(1.05) rotate(5deg)}.deadline-content{flex:1}.deadline-title{font-weight:600;font-size:.95rem;color:var(--gray-900);margin-bottom:.25rem}.deadline-meta{font-size:.75rem;color:var(--gray-500);display:flex;align-items:center;gap:.5rem}.deadline-badge{background:var(--red-500);color:var(--white);font-size:.7rem;padding:.2rem .5rem;border-radius:1rem;font-weight:500}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;align-items:center;padding:.75rem;border-radius:.75rem;transition:all .2s ease}.activity-item:hover{background:var(--blue-50);transform:translate(4px)}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-400);box-shadow:0 0 0 2px var(--blue-100)}.activity-content{flex:1}.activity-text{font-size:.9rem;color:var(--gray-700);margin-bottom:.25rem}.activity-time{font-size:.7rem;color:var(--gray-400)}@media(max-width:1024px){.student-overview{padding:1.5rem}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.student-overview{padding:1rem}.welcome-header{padding:1.5rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.stat-card{padding:1.25rem}.stat-card-value{font-size:1.5rem}.stat-card-icon{width:40px;height:40px}.stat-card-icon svg{width:20px;height:20px}.dashboard-card{padding:1.25rem}.card-title{font-size:1rem;margin-bottom:1rem}.chart-placeholder{height:150px}}@media(max-width:480px){.student-overview{padding:.75rem}.welcome-header{padding:1.25rem}.welcome-title{font-size:1.25rem}.welcome-subtitle{font-size:.85rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-card-value{font-size:1.25rem}.stat-card-label{font-size:.75rem}.deadline-item{padding:.75rem}.deadline-icon{width:40px;height:40px}.deadline-icon svg{width:18px;height:18px}.deadline-title{font-size:.85rem}.deadline-meta{font-size:.7rem}}@media(prefers-color-scheme:dark){.student-overview{background:var(--gray-900)}.welcome-header{background:var(--gradient-blue-dark);border-color:var(--blue-800)}.welcome-title{color:var(--blue-100)}.welcome-subtitle{color:var(--gray-400)}.stat-card{background:var(--gray-800);border-color:var(--gray-700)}.stat-card-label{color:var(--gray-400)}.stat-card-value{color:var(--blue-100)}.icon-blue{background:var(--blue-900);color:var(--blue-300)}.icon-green{background:#14532d;color:var(--green-400)}.icon-orange{background:#7b341e;color:var(--orange-400)}.icon-purple{background:#4c1d95;color:var(--purple-400)}.icon-pink{background:#831843;color:var(--pink-400)}.icon-violet{background:#6b21a8;color:var(--violet-400)}.dashboard-card{background:var(--gray-800);border-color:var(--gray-700)}.card-title{color:var(--blue-100);border-bottom-color:var(--gray-700)}.chart-placeholder{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-500)}.chart-placeholder:hover{background:var(--blue-900);border-color:var(--blue-700);color:var(--blue-300)}.deadline-item{background:#451a1a;border-color:#7f1d1d}.deadline-title{color:var(--gray-100)}.deadline-meta{color:var(--gray-400)}.deadline-icon{background:var(--red-600)}.activity-item:hover{background:var(--blue-900)}.activity-text{color:var(--gray-300)}.activity-time{color:var(--gray-500)}.loading-container{background:var(--gray-800);border-color:var(--gray-700)}.loading-text{color:var(--gray-300)}.loading-spinner{border-color:var(--gray-700);border-top-color:var(--blue-400)}}@media print{.welcome-header,.stat-card-icon,.deadline-item,.activity-item{background:none;border:1px solid var(--gray-300)}.dashboard-card,.stat-card{box-shadow:none;border:1px solid var(--gray-300)}.chart-placeholder{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stat-card:hover,.deadline-item:hover,.activity-item:hover{transform:none}}.stat-card:focus-within,.dashboard-card:focus-within,.deadline-item:focus-within{outline:2px solid var(--blue-400);outline-offset:2px}:root{--blue-50: #e6f0ff;--blue-100: #b8d1ff;--blue-200: #8ab3ff;--blue-300: #5c95ff;--blue-400: #2e77ff;--blue-500: #0059ff;--blue-600: #0047cc;--blue-700: #003599;--blue-800: #002466;--blue-900: #001233;--blue-950: #000c1f;--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;--white: #ffffff;--student-primary: var(--blue-500);--student-primary-dark: var(--blue-600);--student-primary-light: var(--blue-400);--student-bg: var(--gray-50);--student-card-bg: var(--white);--student-text: var(--gray-900);--student-text-muted: var(--gray-500);--student-border: var(--gray-200);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-blue: 0 4px 12px rgba(0, 89, 255, .15);--shadow-blue-lg: 0 10px 25px -5px rgba(0, 89, 255, .2);--gradient-blue: linear-gradient(135deg, var(--blue-500), var(--blue-600));--gradient-blue-light: linear-gradient(135deg, var(--blue-400), var(--blue-500));--gradient-blue-subtle: linear-gradient(135deg, var(--blue-50), var(--white))}.my-units-container{width:100%;max-width:100%;margin:0 auto;padding:2rem;min-height:calc(100vh - 70px);animation:fadeIn .5s ease}.units-header{margin-bottom:2rem;background:var(--gradient-blue-subtle);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--blue-100);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;animation:slideDown .3s ease}.units-header:before{content:"";position:absolute;top:0;right:0;width:250px;height:250px;background:radial-gradient(circle at top right,var(--blue-200),transparent 70%);opacity:.3;pointer-events:none}.units-header:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background:radial-gradient(circle at bottom left,var(--blue-300),transparent 70%);opacity:.2;pointer-events:none}.header-title{font-size:2rem;font-weight:700;color:var(--blue-900);letter-spacing:-.02em;position:relative;z-index:1}.header-stats{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.stat-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--white);border-radius:2rem;border:1px solid var(--blue-200);color:var(--blue-700);font-size:.9rem;font-weight:500;box-shadow:var(--shadow-sm)}.stat-chip svg{color:var(--blue-500)}.search-section{margin-bottom:2rem;animation:fadeIn .5s ease .1s both}.search-wrapper{position:relative;width:100%;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-400);width:18px;height:18px}.search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid var(--gray-200);border-radius:3rem;font-size:.95rem;transition:all .2s ease;background:var(--white);color:var(--gray-900)}.search-input:hover{border-color:var(--blue-300)}.search-input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 4px var(--blue-100)}.search-input::placeholder{color:var(--gray-400)}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;animation:slideUp .5s ease}.unit-card{background:var(--white);border-radius:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative;animation:cardAppear .5s ease forwards;opacity:0;transform:translateY(20px)}.unit-card:nth-child(1){animation-delay:.1s}.unit-card:nth-child(2){animation-delay:.15s}.unit-card:nth-child(3){animation-delay:.2s}.unit-card:nth-child(4){animation-delay:.25s}.unit-card:nth-child(5){animation-delay:.3s}.unit-card:nth-child(6){animation-delay:.35s}.unit-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-blue-lg);border-color:var(--blue-200)}.unit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-blue);opacity:0;transition:opacity .3s ease;z-index:2}.unit-card:hover:before{opacity:1}.unit-header{height:160px;background:var(--gradient-blue);display:flex;align-items:center;justify-content:center;color:var(--white);padding:1.5rem;text-align:center;position:relative;overflow:hidden}.unit-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#fff0);pointer-events:none}.unit-header h3{font-size:1.25rem;font-weight:600;color:var(--white);margin:0;position:relative;z-index:1;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.1)}.unit-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;background:var(--white)}.unit-description{font-size:.9rem;color:var(--gray-600);margin-bottom:1rem;line-height:1.6;height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.unit-stats{display:flex;gap:1rem;margin-bottom:1rem;border-top:1px solid var(--gray-200);padding-top:1rem}.stat-block{text-align:center;flex:1;transition:transform .2s ease}.stat-block:hover{transform:scale(1.05)}.stat-number{font-weight:700;color:var(--blue-900);font-size:1.1rem;margin-bottom:.25rem}.stat-label{font-size:.7rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;background:var(--gray-200)}.unit-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.5rem}.unit-program{font-size:.7rem;color:var(--gray-500);background:var(--gray-100);padding:.25rem .75rem;border-radius:2rem;transition:all .2s ease}.unit-program:hover{background:var(--blue-50);color:var(--blue-600)}.btn-unit-details{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--gradient-blue);color:var(--white);border:none;border-radius:2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn-unit-details:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn-unit-details:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-unit-details:hover:before{width:100px;height:100px}.btn-unit-details:active{transform:translateY(0)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:var(--white);border-radius:1.5rem;box-shadow:var(--shadow-lg);border:2px dashed var(--gray-300);display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-icon{color:var(--gray-300);width:64px;height:64px;animation:bounce 2s infinite}.empty-state p{color:var(--gray-600);font-size:1rem;font-weight:500}.empty-subtext{color:var(--gray-500);font-size:.9rem;font-weight:400}@media(max-width:1024px){.my-units-container,.units-header{padding:1.5rem}.header-title{font-size:1.75rem}.units-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.my-units-container{padding:1rem}.units-header{flex-direction:column;align-items:flex-start}.header-title{font-size:1.5rem}.stat-chip{padding:.4rem 1rem;font-size:.85rem}.search-wrapper{max-width:100%}.search-input{padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem}.units-grid{grid-template-columns:1fr;gap:1rem}.unit-header{height:140px}.unit-header h3{font-size:1.1rem}.unit-content{padding:1.25rem}.unit-description{font-size:.85rem;height:50px}.stat-number{font-size:1rem}.stat-label{font-size:.65rem}.btn-unit-details{padding:.4rem 1rem;font-size:.8rem}}@media(max-width:480px){.my-units-container{padding:.75rem}.units-header{padding:1.25rem}.header-title{font-size:1.25rem}.stat-chip{width:100%;justify-content:center}.unit-stats{flex-direction:column;gap:.5rem}.stat-divider{display:none}.stat-block{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--gray-50);border-radius:.5rem}.stat-number{margin-bottom:0}.unit-footer{flex-direction:column;gap:1rem;align-items:stretch}.unit-program{text-align:center}.btn-unit-details{width:100%}.empty-icon{width:48px;height:48px}.empty-state p{font-size:.9rem}}@media(prefers-color-scheme:dark){.my-units-container{background:var(--gray-900)}.units-header{background:var(--gradient-blue-dark);border-color:var(--blue-800)}.header-title{color:var(--blue-100)}.stat-chip{background:var(--gray-800);border-color:var(--blue-700);color:var(--blue-200)}.stat-chip svg{color:var(--blue-300)}.search-input{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-100)}.search-input:hover{border-color:var(--blue-400)}.search-input:focus{border-color:var(--blue-400);box-shadow:0 0 0 4px var(--blue-900)}.search-input::placeholder{color:var(--gray-500)}.search-icon{color:var(--gray-500)}.unit-card{background:var(--gray-800);border-color:var(--gray-700)}.unit-content{background:var(--gray-800)}.unit-description{color:var(--gray-400)}.stat-number{color:var(--blue-100)}.stat-label{color:var(--gray-400)}.unit-program{background:var(--gray-700);color:var(--gray-400)}.unit-program:hover{background:var(--blue-900);color:var(--blue-200)}.empty-state{background:var(--gray-800);border-color:var(--gray-700)}.empty-icon{color:var(--gray-600)}.empty-state p{color:var(--gray-300)}.loading-container{background:var(--gray-800);border-color:var(--gray-700)}.loading-text{color:var(--gray-300)}.loading-spinner{border-color:var(--gray-700);border-top-color:var(--blue-400)}}@media print{.search-section,.btn-unit-details{display:none}.units-header{background:none;border:1px solid var(--gray-300);box-shadow:none}.unit-card{break-inside:avoid;box-shadow:none;border:1px solid var(--gray-300)}.unit-card:before{display:none}.unit-header{background:var(--gray-100);color:var(--gray-900)}.unit-header h3{color:var(--gray-900);text-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.unit-card:hover,.stat-block:hover,.btn-unit-details:hover{transform:none}}.search-input:focus-visible,.btn-unit-details:focus-visible,.unit-card:focus-within{outline:2px solid var(--blue-400);outline-offset:2px}.units-grid::-webkit-scrollbar{width:8px;height:8px}.units-grid::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.units-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--blue-300),var(--blue-400));border-radius:4px}.units-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--blue-400),var(--blue-500))}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translate(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0 50%,#23282f99 0 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;inset:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;inset:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}:root{--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--success-50: #f0fdf4;--success-500: #22c55e;--success-700: #15803d;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-700: #b45309;--error-50: #fef2f2;--error-500: #ef4444;--error-700: #b91c1c;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--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);--bg-primary: #ffffff;--bg-secondary: var(--neutral-50);--bg-tertiary: var(--neutral-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-tertiary: var(--neutral-500);--text-inverse: #ffffff;--border-light: var(--neutral-200);--border-medium: var(--neutral-300);--transition-fast: all .2s ease;--transition-base: all .3s ease;--transition-slow: all .5s ease;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--font-serif: "Times New Roman", Georgia, Cambria, "Times New Roman", Times, serif;--font-sans: Arial, "Helvetica Neue", Helvetica, system-ui, -apple-system, sans-serif}@media(prefers-color-scheme:dark){:root{--bg-primary: var(--neutral-900);--bg-secondary: var(--neutral-800);--bg-tertiary: var(--neutral-700);--text-primary: var(--neutral-50);--text-secondary: var(--neutral-200);--text-tertiary: var(--neutral-400);--border-light: var(--neutral-700);--border-medium: var(--neutral-600)}}.unit-details-container{max-width:1600px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 380px;gap:2rem;background:var(--bg-secondary);min-height:100vh}.main-content-area{display:flex;flex-direction:column;gap:2rem;max-width:100%;overflow-x:hidden}.animate-fade-in{animation:fadeIn .5s ease-out}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:var(--bg-secondary)}.loading-spinner{width:50px;height:50px;border:3px solid var(--blue-200);border-top-color:var(--blue-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:var(--text-secondary);font-size:1rem;font-weight:500}.card{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);transition:var(--transition-base);width:100%;box-sizing:border-box}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--blue-200)}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin-bottom:1.5rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.back-button:hover{transform:translate(-4px);border-color:var(--blue-500);color:var(--blue-600);box-shadow:var(--shadow-md)}.back-button svg{transition:var(--transition-fast)}.unit-header{background:linear-gradient(135deg,var(--bg-primary),var(--blue-50));border-left:4px solid var(--blue-600)}.unit-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.2;letter-spacing:-.02em}.unit-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:800px}.topic-viewer{background:var(--bg-primary)}.topic-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light);position:relative}.topic-title:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:var(--blue-600);border-radius:var(--radius-sm)}.audio-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-xl)}.audio-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem;font-weight:500;margin-bottom:1rem}.audio-label:before{content:"🎧";font-size:1.2rem}.video-container{margin-bottom:2rem;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16 / 9;background:var(--neutral-900);width:100%}.notes-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light);width:100%;max-width:100%;box-sizing:border-box}.notes-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.notes-title:before{content:"📝";font-size:1.2rem}.notes-content{width:100%;max-width:100%;box-sizing:border-box;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.notes-body{padding:2rem;width:100%;max-width:100%;box-sizing:border-box;font-family:var(--font-serif);color:var(--text-primary);line-height:1.8;font-size:1.1rem;text-align:left;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.notes-body h1,.notes-body h2,.notes-body h3,.notes-body h4,.notes-body h5,.notes-body h6{font-family:var(--font-sans);color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}.notes-body p,.notes-body div,.notes-body span,.notes-body li,.notes-body blockquote{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:100%}.notes-body h1{font-size:2.2rem;border-bottom:2px solid var(--border-light);padding-bottom:.5rem}.notes-body h2{font-size:1.8rem;border-bottom:1px solid var(--border-light);padding-bottom:.3rem}.notes-body h3{font-size:1.5rem}.notes-body h4{font-size:1.25rem}.notes-body p{margin-bottom:1.5rem;line-height:1.8;text-align:left}.notes-body strong{font-weight:700;color:var(--text-primary)}.notes-body em{font-style:italic}.notes-body ul,.notes-body ol{margin:1rem 0 1.5rem 2rem;padding-left:.5rem}.notes-body li{margin-bottom:.5rem;line-height:1.7}.notes-body li>ul,.notes-body li>ol{margin-top:.5rem;margin-bottom:.5rem}.notes-body blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:var(--bg-primary);border-left:4px solid var(--blue-500);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-secondary)}.notes-body code{font-family:Courier New,Courier,monospace;background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.9em;color:var(--text-primary);white-space:normal;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;display:inline-block;max-width:100%}.notes-body pre{background:var(--bg-tertiary);padding:1.5rem;border-radius:var(--radius-lg);overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border-light);max-width:100%;position:relative}.notes-body pre code{background:none;padding:0;font-size:.9rem;line-height:1.6;color:var(--text-secondary);white-space:pre;overflow-x:auto;display:block;min-width:100%;width:fit-content}.notes-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;display:block;overflow-x:auto;max-width:100%;white-space:nowrap}.notes-body th{background:var(--bg-tertiary);font-weight:600;padding:.75rem 1rem;text-align:left;border:1px solid var(--border-light);color:var(--text-primary)}.notes-body td{padding:.75rem 1rem;border:1px solid var(--border-light);color:var(--text-secondary)}.notes-body tr:hover{background:var(--bg-tertiary)}.notes-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5rem 0;box-shadow:var(--shadow-md)}.notes-body hr{border:none;border-top:2px solid var(--border-light);margin:2rem 0}.notes-body a{color:var(--blue-600);text-decoration:none;border-bottom:1px dotted var(--blue-300);transition:var(--transition-fast)}.notes-body a:hover{color:var(--blue-800);border-bottom-color:var(--blue-600)}.pdf-notes-container{display:flex;flex-direction:column;gap:1rem;width:100%}.pdf-actions{display:flex;gap:1rem;flex-wrap:wrap}.pdf-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:var(--transition-fast)}.pdf-btn:hover{background:var(--blue-50);border-color:var(--blue-500);color:var(--blue-600);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pdf-viewer{width:100%;height:600px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary)}.topic-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.topic-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-xl);font-size:.95rem;font-weight:500;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.topic-status.completed{background:var(--success-50);color:var(--success-700);border-color:var(--success-500)}.next-button{padding:.875rem 2rem;background:linear-gradient(135deg,var(--blue-600),var(--blue-700));color:#fff;border:none;border-radius:var(--radius-xl);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.next-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--blue-700),var(--blue-800))}.next-button:hover:not(:disabled):before{width:300px;height:300px}.next-button:disabled{opacity:.6;cursor:not-allowed;background:var(--neutral-400)}.next-button.completed{background:var(--success-500)}.next-button.completed:hover:not(:disabled){background:var(--success-700)}.assignments-section{background:linear-gradient(135deg,var(--bg-primary),var(--neutral-100))}.assignments-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.assignments-title:before{content:"📋";font-size:1.5rem}.assignment-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;margin-bottom:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:var(--transition-fast)}.assignment-item:hover{transform:translate(4px);border-color:var(--blue-400);box-shadow:var(--shadow-md)}.assignment-info{flex:1}.assignment-info h4{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.assignment-info p{color:var(--text-tertiary);font-size:.95rem;line-height:1.5}.assignment-button{padding:.75rem 1.5rem;background:#fff;border:2px solid var(--blue-600);border-radius:var(--radius-lg);color:var(--blue-600);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.assignment-button:hover{background:var(--blue-600);color:#fff;transform:scale(1.05);box-shadow:var(--shadow-md)}.unit-details-sidebar{position:sticky;top:2rem;height:fit-content}.topics-sidebar{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.topics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.topics-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.topics-count{padding:.25rem .75rem;background:var(--blue-100);color:var(--blue-700);border-radius:var(--radius-xl);font-size:.875rem;font-weight:600}.topics-list{display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.notes-body table::-webkit-scrollbar{height:6px}.notes-body table::-webkit-scrollbar-track{background:var(--border-light);border-radius:3px}.notes-body table::-webkit-scrollbar-thumb{background:var(--blue-400);border-radius:3px}.notes-body table::-webkit-scrollbar-thumb:hover{background:var(--blue-600)}.topics-list::-webkit-scrollbar{width:4px}.topics-list::-webkit-scrollbar-track{background:var(--border-light);border-radius:2px}.topics-list::-webkit-scrollbar-thumb{background:var(--blue-400);border-radius:2px}.topics-list::-webkit-scrollbar-thumb:hover{background:var(--blue-600)}.topic-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);width:100%;text-align:left}.topic-item:hover{transform:translate(4px);border-color:var(--blue-400);box-shadow:var(--shadow-md)}.topic-item.active{background:linear-gradient(135deg,var(--blue-50),var(--bg-secondary));border-color:var(--blue-500);box-shadow:0 0 0 2px var(--blue-200)}.topic-status-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0;transition:var(--transition-fast)}.topic-status-icon.default{background:var(--neutral-200);color:var(--neutral-600)}.topic-status-icon.active{background:var(--blue-600);color:#fff}.topic-status-icon.completed{background:var(--success-500);color:#fff}.topic-info{flex:1}.topic-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;line-height:1.4}.topic-type{display:flex;align-items:center;gap:.25rem;color:var(--text-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.topic-type svg{width:12px;height:12px}@media(max-width:1200px){.unit-details-container{grid-template-columns:1fr 320px;padding:1.5rem;gap:1.5rem}.unit-title{font-size:2rem}}@media(max-width:1024px){.unit-details-container{grid-template-columns:1fr}.unit-details-sidebar{position:static;order:-1}.topics-list{max-height:400px}.notes-body{padding:1.5rem}.notes-body h1{font-size:2rem}.notes-body h2{font-size:1.6rem}.notes-body h3{font-size:1.4rem}}@media(max-width:768px){.unit-details-container{padding:1rem}.card{padding:1.5rem}.unit-title{font-size:1.75rem}.topic-actions{flex-direction:column;gap:1rem}.next-button{width:100%}.assignment-item{flex-direction:column;gap:1rem;text-align:center}.assignment-button{width:100%}.pdf-actions{flex-direction:column}.pdf-btn{width:100%;justify-content:center}.notes-body{padding:1rem;font-size:1rem}.notes-body h1{font-size:1.8rem}.notes-body h2{font-size:1.5rem}.notes-body h3{font-size:1.25rem}.notes-body ul,.notes-body ol{margin-left:1rem}}@media(max-width:480px){.unit-title{font-size:1.5rem}.topic-title{font-size:1.25rem}.card{padding:1rem}.topic-item,.notes-body{padding:.75rem}}@media print{.unit-details-container{display:block;padding:0}.unit-details-sidebar,.back-button,.topic-actions,.assignment-button{display:none}.card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.notes-body{font-size:12pt;line-height:1.5}}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}:root{--blue-50: #e6f0ff;--blue-100: #b8d1ff;--blue-200: #8ab3ff;--blue-300: #5c95ff;--blue-400: #2e77ff;--blue-500: #0059ff;--blue-600: #0047cc;--blue-700: #003599;--blue-800: #002466;--blue-900: #001233;--blue-950: #000c1f;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--red-50: #fee2e2;--red-100: #fecaca;--red-500: #ef4444;--red-600: #dc2626;--blue-soft: #e0f2fe;--blue-dark: #0284c7;--green-500: #10b981;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-blue: 0 4px 12px rgba(0, 89, 255, .15);--shadow-blue-lg: 0 10px 25px -5px rgba(0, 89, 255, .2);--gradient-blue: linear-gradient(135deg, var(--blue-500), var(--blue-600));--gradient-blue-light: linear-gradient(135deg, var(--blue-400), var(--blue-500));--gradient-blue-subtle: linear-gradient(135deg, var(--blue-50), var(--white));--gradient-red: linear-gradient(135deg, var(--red-500), var(--red-600));--student-border: var(--gray-200)}.live-classes-container{max-width:100%;width:100%;margin:0 auto;padding:2rem;min-height:calc(100vh - 70px);animation:fadeIn .5s ease}.classes-header{margin-bottom:2.5rem;background:var(--gradient-blue-subtle);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--blue-100);position:relative;overflow:hidden;animation:slideDown .3s ease}.classes-header:before{content:"";position:absolute;top:0;right:0;width:250px;height:250px;background:radial-gradient(circle at top right,var(--blue-200),transparent 70%);opacity:.3;pointer-events:none}.classes-header:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background:radial-gradient(circle at bottom left,var(--blue-300),transparent 70%);opacity:.2;pointer-events:none}.stats-row{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--white);border-radius:2rem;border:1px solid var(--gray-200);color:var(--gray-600);font-size:.9rem;font-weight:500;box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-badge:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-badge svg{color:var(--blue-500)}.stat-badge.live{background:var(--red-50);border-color:var(--red-100);color:var(--red-600)}.stat-badge.live svg{color:var(--red-500)}.stat-badge .pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--red-500);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;animation:slideUp .5s ease}.class-card{background:var(--white);border-radius:1.5rem;border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease;position:relative;animation:cardAppear .5s ease forwards;opacity:0;transform:translateY(20px);box-shadow:var(--shadow-lg)}.class-card:nth-child(1){animation-delay:.1s}.class-card:nth-child(2){animation-delay:.15s}.class-card:nth-child(3){animation-delay:.2s}.class-card:nth-child(4){animation-delay:.25s}.class-card:nth-child(5){animation-delay:.3s}.class-card:nth-child(6){animation-delay:.35s}.class-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-blue-lg);border-color:var(--blue-200)}.class-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-blue);opacity:0;transition:opacity .3s ease;z-index:2}.class-card:hover:before{opacity:1}.class-card.live:before{background:var(--gradient-red);opacity:1}.card-content{padding:1.5rem;position:relative;z-index:1}.status-badges{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:2rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.status-badge.live{background:var(--red-50);color:var(--red-600);border:1px solid var(--red-100)}.status-badge.live .live-indicator{width:8px;height:8px;border-radius:50%;background:var(--red-500);animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-badge.scheduled{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.status-badge.unit{background:var(--blue-soft);color:var(--blue-dark);border:1px solid var(--blue-200)}.class-title{font-size:1.25rem;font-weight:700;color:var(--blue-900);margin-bottom:1rem;line-height:1.4;transition:color .2s ease}.class-card:hover .class-title{color:var(--blue-600)}.class-details{display:flex;flex-direction:column;gap:.75rem;color:var(--gray-500);font-size:.9rem;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:1rem;border:1px solid var(--gray-200)}.detail-item{display:flex;align-items:center;gap:.75rem}.detail-item svg{color:var(--blue-400);width:16px;height:16px}.detail-item strong{color:var(--gray-700);font-weight:600;margin-left:.25rem}.class-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem;background:var(--gray-50);border-radius:.75rem;font-size:.8rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-600)}.meta-item svg{color:var(--blue-400)}.action-buttons{display:flex;gap:1rem;align-items:center}.join-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border:none;border-radius:3rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--white);position:relative;overflow:hidden}.join-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.join-button:hover:before{width:300px;height:300px}.join-button.live{background:var(--gradient-red);box-shadow:0 4px 12px #ef44444d}.join-button.live:hover{background:linear-gradient(135deg,var(--red-600),#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.join-button.scheduled{background:var(--gradient-blue);box-shadow:var(--shadow-blue)}.join-button.scheduled:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-2px);box-shadow:var(--shadow-blue-lg)}.join-button:active{transform:translateY(0)}.disabled-button{flex:1;padding:.875rem;background:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-200);border-radius:3rem;font-weight:600;font-size:.95rem;cursor:not-allowed}.recording-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--white);border:1px solid var(--gray-200);border-radius:50%;color:var(--gray-600);transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.recording-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#0059ff1a;transform:translate(-50%,-50%);transition:width .4s,height .4s}.recording-button:hover{border-color:var(--blue-200);color:var(--blue-600);transform:scale(1.05)}.recording-button:hover:before{width:100px;height:100px}.recording-button svg{width:20px;height:20px}.recording-button[data-tooltip]{position:relative}.recording-button[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--gray-800);color:var(--white);padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;white-space:nowrap;margin-bottom:.5rem;z-index:10}.empty-icon-wrapper{width:96px;height:96px;background:linear-gradient(135deg,var(--blue-50),var(--blue-100));border-radius:50%;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite;box-shadow:var(--shadow-lg)}.empty-icon{color:var(--blue-500);width:48px;height:48px}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--blue-900);margin-bottom:.5rem}.empty-state p{color:var(--gray-600);font-size:1rem;max-width:400px;margin:0 auto;line-height:1.6}@media(max-width:1024px){.live-classes-container{padding:1.5rem}.header-title{font-size:1.75rem}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.live-classes-container{padding:1rem}.classes-header{padding:1.5rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.9rem}.stats-row{flex-direction:column}.stat-badge{width:100%;justify-content:center}.classes-grid{grid-template-columns:1fr;gap:1rem}.card-content{padding:1.25rem}.class-title{font-size:1.125rem}.action-buttons{flex-direction:column}.join-button{width:100%}.recording-button{width:100%;border-radius:3rem;height:48px}.recording-button svg{margin-right:.5rem}}@media(max-width:480px){.live-classes-container{padding:.75rem}.classes-header{padding:1.25rem}.header-title{font-size:1.25rem}.status-badges{flex-direction:column}.status-badge{width:fit-content}.class-details{padding:.75rem;font-size:.85rem}.empty-icon-wrapper{width:80px;height:80px}.empty-icon{width:40px;height:40px}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9rem}}@media(prefers-color-scheme:dark){.live-classes-container{background:var(--gray-900)}.classes-header{background:var(--gradient-blue-dark);border-color:var(--blue-800)}.header-title{background:linear-gradient(135deg,var(--blue-100),var(--blue-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{color:var(--gray-400)}.stat-badge{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-300)}.stat-badge svg{color:var(--blue-300)}.stat-badge.live{background:#451a1a;border-color:#7f1d1d;color:var(--red-400)}.class-card{background:var(--gray-800);border-color:var(--gray-700)}.class-title{color:var(--blue-100)}.class-details{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-400)}.detail-item strong{color:var(--gray-200)}.detail-item svg{color:var(--blue-300)}.class-meta{background:var(--gray-700)}.meta-item{color:var(--gray-400)}.meta-item svg{color:var(--blue-300)}.disabled-button{background:var(--gray-700);color:var(--gray-500);border-color:var(--gray-600)}.recording-button{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300)}.recording-button:hover{background:var(--blue-900);border-color:var(--blue-700);color:var(--blue-200)}.empty-state{background:var(--gray-800);border-color:var(--gray-700)}.empty-icon-wrapper{background:linear-gradient(135deg,var(--gray-700),var(--gray-600))}.empty-icon{color:var(--blue-300)}.empty-state h3{color:var(--blue-100)}.empty-state p{color:var(--gray-400)}.loading-container{background:var(--gray-800);border-color:var(--gray-700)}.loading-text{color:var(--gray-300)}.loading-spinner{border-color:var(--gray-700);border-top-color:var(--blue-400)}}@media print{.classes-header,.stat-badge,.join-button,.recording-button{display:none}.class-card{break-inside:avoid;box-shadow:none;border:1px solid var(--gray-300)}.class-card:before{display:none}.empty-state{border:1px solid var(--gray-300);box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.class-card:hover,.join-button:hover,.recording-button:hover,.stat-badge:hover{transform:none}.empty-icon-wrapper,.status-badge.live .live-indicator{animation:none}}.join-button:focus-visible,.recording-button:focus-visible,.stat-badge:focus-visible{outline:2px solid var(--blue-400);outline-offset:2px}.class-card:focus-within{outline:2px solid var(--blue-400);outline-offset:2px}:root{--blue-50: #e6f0ff;--blue-100: #b8d1ff;--blue-200: #8ab3ff;--blue-300: #5c95ff;--blue-400: #2e77ff;--blue-500: #0059ff;--blue-600: #0047cc;--blue-700: #003599;--blue-800: #002466;--blue-900: #001233;--blue-950: #000c1f;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--red-50: #fee2e2;--red-100: #fecaca;--red-500: #ef4444;--red-600: #dc2626;--green-50: #e6f7e6;--green-100: #d1fadf;--green-500: #10b981;--green-600: #059669;--green-700: #047857;--student-primary: var(--blue-500);--student-primary-dark: var(--blue-600);--student-primary-light: var(--blue-400);--student-bg: var(--gray-50);--student-card-bg: var(--white);--student-text: var(--gray-900);--student-text-muted: var(--gray-500);--student-border: var(--gray-200);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-blue: 0 4px 12px rgba(0, 89, 255, .15);--shadow-blue-lg: 0 10px 25px -5px rgba(0, 89, 255, .2);--gradient-blue: linear-gradient(135deg, var(--blue-500), var(--blue-600));--gradient-blue-light: linear-gradient(135deg, var(--blue-400), var(--blue-500));--gradient-blue-subtle: linear-gradient(135deg, var(--blue-50), var(--white))}.assignments-container{width:100%;max-width:100%;margin:0 auto;padding:2rem;min-height:calc(100vh - 70px);animation:fadeIn .5s ease}.assignments-header{margin-bottom:2rem;background:var(--gradient-blue-subtle);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--blue-100);position:relative;overflow:hidden;animation:slideDown .3s ease}.assignments-header:before{content:"";position:absolute;top:0;right:0;width:250px;height:250px;background:radial-gradient(circle at top right,var(--blue-200),transparent 70%);opacity:.3;pointer-events:none}.assignments-header:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background:radial-gradient(circle at bottom left,var(--blue-300),transparent 70%);opacity:.2;pointer-events:none}.header-title{font-size:2rem;font-weight:700;color:var(--blue-900);margin-bottom:.5rem;letter-spacing:-.02em;position:relative;z-index:1}.assignments-card{background:var(--white);border-radius:1.5rem;box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease;animation:slideUp .5s ease}.assignments-card:hover{box-shadow:var(--shadow-blue);border-color:var(--blue-200)}.tab-bar{display:flex;gap:.5rem;padding:1.25rem;border-bottom:1px solid var(--gray-200);background:linear-gradient(to right,var(--gray-50),var(--white))}.tab-button{padding:.625rem 1.25rem;border-radius:2rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s,height .4s}.tab-button:hover:before{width:100px;height:100px}.tab-button.active{background:var(--gradient-blue);color:var(--white);box-shadow:var(--shadow-md)}.tab-button.active:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-2px);box-shadow:var(--shadow-blue-lg)}.tab-button.inactive{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200)}.tab-button.inactive:hover{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-700)}.content-area{padding:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--gray-500);font-size:.9rem;margin-bottom:1.5rem;cursor:pointer;transition:all .2s ease;padding:.5rem 0}.back-button:hover{color:var(--blue-600);transform:translate(-4px)}.back-button svg{transition:transform .2s ease}.back-button:hover svg{transform:translate(-2px)}.assignment-detail{animation:fadeIn .3s ease}.assignment-title{font-size:1.5rem;font-weight:700;color:var(--blue-900);margin-bottom:.75rem;line-height:1.3}.assignment-description{color:var(--gray-600);font-size:1rem;line-height:1.6;margin-bottom:2rem;padding:1.25rem;background:var(--gray-50);border-radius:1rem;border-left:4px solid var(--blue-400)}.submission-form{background:var(--gray-50);padding:2rem;border-radius:1.5rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-md);transition:all .3s ease}.submission-form:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-200)}.form-title{font-size:1.1rem;font-weight:600;color:var(--blue-900);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--blue-100);position:relative}.form-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--gradient-blue)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.input-wrapper{display:flex;align-items:center;gap:.75rem;background:var(--white);border:1px solid var(--gray-300);border-radius:.75rem;padding:.5rem 1rem;transition:all .2s ease}.input-wrapper:hover{border-color:var(--blue-300)}.input-wrapper:focus-within{border-color:var(--blue-500);box-shadow:0 0 0 4px var(--blue-100)}.input-wrapper svg{color:var(--gray-400);transition:color .2s ease}.input-wrapper:focus-within svg{color:var(--blue-500)}.form-input{border:none;outline:none;width:100%;font-size:.95rem;color:var(--gray-900);background:transparent}.form-input::placeholder{color:var(--gray-400)}.form-textarea{width:100%;border:1px solid var(--gray-300);border-radius:.75rem;padding:.75rem 1rem;font-size:.95rem;color:var(--gray-900);resize:vertical;min-height:120px;transition:all .2s ease;font-family:inherit}.form-textarea:hover{border-color:var(--blue-300)}.form-textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 4px var(--blue-100)}.form-textarea::placeholder{color:var(--gray-400)}.input-hint{font-size:.7rem;color:var(--gray-400);margin-top:.25rem}.submit-button{width:100%;padding:.875rem;background:var(--gradient-blue);color:var(--white);border:none;border-radius:3rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-2px);box-shadow:var(--shadow-blue-lg)}.submit-button:hover:not(:disabled):before{width:300px;height:300px}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.assignments-list{display:flex;flex-direction:column;gap:1rem}.assignment-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid var(--gray-200);border-radius:1rem;transition:all .2s ease;background:var(--white);animation:slideIn .3s ease forwards;opacity:0;transform:translate(-10px)}.assignment-item:nth-child(1){animation-delay:.05s}.assignment-item:nth-child(2){animation-delay:.1s}.assignment-item:nth-child(3){animation-delay:.15s}.assignment-item:nth-child(4){animation-delay:.2s}.assignment-item:nth-child(5){animation-delay:.25s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.assignment-item:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.assignment-info h4{font-weight:600;font-size:1.1rem;color:var(--blue-900);margin-bottom:.25rem}.assignment-unit{color:var(--gray-500);font-size:.85rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.assignment-due{color:var(--red-500);font-size:.75rem;display:flex;align-items:center;gap:.25rem;background:var(--red-50);padding:.25rem .75rem;border-radius:2rem;display:inline-flex}.assignment-due svg{color:var(--red-500)}.work-button{padding:.625rem 1.25rem;background:var(--gradient-blue);color:var(--white);border:none;border-radius:2rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.work-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s,height .4s}.work-button:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-2px);box-shadow:var(--shadow-md)}.work-button:hover:before{width:100px;height:100px}.completed-badge{display:flex;align-items:center;gap:.5rem;color:var(--green-600);font-weight:600;font-size:.9rem;padding:.5rem 1rem;background:var(--green-50);border-radius:2rem;border:1px solid var(--green-100)}.completed-badge svg{color:var(--green-500)}.empty-state{text-align:center;padding:3rem 2rem;background:var(--gray-50);border-radius:1.5rem;border:2px dashed var(--gray-300);display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-icon{color:var(--gray-300);width:48px;height:48px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p{color:var(--gray-500);font-size:1rem;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--white);border-radius:1.5rem;box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);padding:2rem}@media(max-width:768px){.assignments-container{padding:1rem}.assignments-header{padding:1.5rem}.header-title{font-size:1.5rem}.tab-bar{flex-direction:column;gap:.5rem}.tab-button{width:100%;text-align:center}.content-area{padding:1.5rem}.assignment-item{flex-direction:column;align-items:flex-start;gap:1rem}.work-button,.completed-badge{width:100%;justify-content:center}.assignment-detail{padding:1rem}.assignment-title{font-size:1.25rem}.submission-form{padding:1.5rem}}@media(max-width:480px){.assignments-container{padding:.75rem}.header-title{font-size:1.25rem}.content-area{padding:1rem}.assignment-info h4{font-size:1rem}.assignment-due{font-size:.7rem}.input-wrapper{padding:.4rem .75rem}.form-textarea{padding:.5rem .75rem;font-size:.85rem}.submit-button{padding:.75rem;font-size:.9rem}}@media(prefers-color-scheme:dark){.assignments-container{background:var(--gray-900)}.assignments-header{background:var(--gradient-blue-dark);border-color:var(--blue-800)}.header-title{color:var(--blue-100)}.header-subtitle{color:var(--gray-400)}.assignments-card{background:var(--gray-800);border-color:var(--gray-700)}.tab-bar{background:linear-gradient(to right,var(--gray-800),var(--gray-700));border-bottom-color:var(--gray-700)}.tab-button.inactive{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300)}.tab-button.inactive:hover{background:var(--blue-900);border-color:var(--blue-700);color:var(--blue-200)}.assignment-description{background:var(--gray-700);color:var(--gray-300);border-left-color:var(--blue-600)}.submission-form{background:var(--gray-700);border-color:var(--gray-600)}.form-title{color:var(--blue-100);border-bottom-color:var(--gray-600)}.input-wrapper{background:var(--gray-800);border-color:var(--gray-600)}.form-input,.form-textarea{background:var(--gray-800);color:var(--gray-100);border-color:var(--gray-600)}.form-textarea{background:var(--gray-800)}.assignment-item{background:var(--gray-700);border-color:var(--gray-600)}.assignment-info h4{color:var(--blue-100)}.assignment-unit{color:var(--gray-400)}.empty-state{background:var(--gray-800);border-color:var(--gray-700)}.empty-icon{color:var(--gray-600)}.empty-state p{color:var(--gray-400)}.loading-container{background:var(--gray-800);border-color:var(--gray-700)}.loading-text{color:var(--gray-300)}.loading-spinner{border-color:var(--gray-700);border-top-color:var(--blue-400)}}@media print{.tab-bar,.back-button,.work-button,.submit-button,.input-wrapper,.form-textarea{display:none}.assignments-card{box-shadow:none;border:1px solid var(--gray-300)}.assignment-item{break-inside:avoid;border:1px solid var(--gray-300);box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.assignment-item:hover,.tab-button:hover,.work-button:hover,.submit-button:hover{transform:none}}.tab-button:focus-visible,.work-button:focus-visible,.submit-button:focus-visible,.back-button:focus-visible,.form-input:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--blue-400);outline-offset:2px}:root{--blue-50: #e6f0ff;--blue-100: #b8d1ff;--blue-200: #8ab3ff;--blue-300: #5c95ff;--blue-400: #2e77ff;--blue-500: #0059ff;--blue-600: #0047cc;--blue-700: #003599;--blue-800: #002466;--blue-900: #001233;--blue-950: #000c1f;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--yellow-50: #fef3c7;--yellow-100: #fde68a;--yellow-400: #fbbf24;--yellow-500: #f59e0b;--yellow-600: #d97706;--green-500: #10b981;--green-600: #059669;--student-border: var(--gray-200);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-blue: 0 4px 12px rgba(0, 89, 255, .15);--shadow-blue-lg: 0 10px 25px -5px rgba(0, 89, 255, .2);--gradient-blue: linear-gradient(135deg, var(--blue-500), var(--blue-600));--gradient-blue-light: linear-gradient(135deg, var(--blue-400), var(--blue-500));--gradient-blue-subtle: linear-gradient(135deg, var(--blue-50), var(--white));--gradient-yellow: linear-gradient(135deg, var(--yellow-400), var(--yellow-500));--gradient-gold: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706)}.certificates-container{width:100%;max-width:100%;margin:0 auto;padding:2rem;min-height:calc(100vh - 70px);animation:fadeIn .5s ease}.certificates-header{margin-bottom:2.5rem;background:var(--gradient-blue-subtle);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--blue-100);position:relative;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.certificates-header:before{content:"";position:absolute;top:0;right:0;width:250px;height:250px;background:radial-gradient(circle at top right,var(--blue-200),transparent 70%);opacity:.3;pointer-events:none}.certificates-header:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:200px;background:radial-gradient(circle at bottom left,var(--blue-300),transparent 70%);opacity:.2;pointer-events:none}.header-title{font-size:2rem;font-weight:700;color:var(--blue-900);margin-bottom:.5rem;letter-spacing:-.02em;position:relative;z-index:1;background:linear-gradient(135deg,var(--blue-900),var(--blue-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:1rem;color:var(--gray-600);position:relative;z-index:1}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.certificate-card{background:var(--white);border-radius:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease;position:relative;animation:cardAppear .5s ease forwards;opacity:0;transform:translateY(20px)}.certificate-card:nth-child(1){animation-delay:.1s}.certificate-card:nth-child(2){animation-delay:.15s}.certificate-card:nth-child(3){animation-delay:.2s}.certificate-card:nth-child(4){animation-delay:.25s}.certificate-card:nth-child(5){animation-delay:.3s}.certificate-card:nth-child(6){animation-delay:.35s}@keyframes cardAppear{to{opacity:1;transform:translateY(0)}}.certificate-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-blue-lg);border-color:var(--blue-200)}.certificate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-gold);opacity:0;transition:opacity .3s ease}.certificate-card:hover:before{opacity:1}.certificate-header{height:120px;background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.certificate-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#fff0);pointer-events:none}.certificate-icon{width:60px;height:60px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transform:rotate(0);transition:transform .5s ease}.certificate-card:hover .certificate-icon{transform:rotate(360deg)}.certificate-icon svg{width:32px;height:32px;color:var(--yellow-500)}.certificate-content{padding:1.5rem}.certificate-title{font-size:1.25rem;font-weight:700;color:var(--blue-900);margin-bottom:.5rem;line-height:1.4}.certificate-course{font-size:.9rem;color:var(--gray-500);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.certificate-date{font-size:.8rem;color:var(--gray-400);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.certificate-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:var(--gradient-blue-subtle);color:var(--blue-700);border-radius:2rem;font-size:.75rem;font-weight:600;border:1px solid var(--blue-200)}.certificate-actions{display:flex;gap:.75rem;margin-top:1.5rem}.certificate-btn{flex:1;padding:.625rem;border:none;border-radius:2rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none}.certificate-btn-primary{background:var(--gradient-blue);color:var(--white);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.certificate-btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s,height .4s}.certificate-btn-primary:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700));transform:translateY(-2px);box-shadow:var(--shadow-md)}.certificate-btn-primary:hover:before{width:100px;height:100px}.certificate-btn-secondary{background:var(--white);color:var(--blue-600);border:1px solid var(--blue-200)}.certificate-btn-secondary:hover{background:var(--blue-50);border-color:var(--blue-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:var(--white);border-radius:2rem;box-shadow:var(--shadow-xl);border:2px dashed var(--gray-300);display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-icon-wrapper{width:120px;height:120px;background:linear-gradient(135deg,var(--yellow-50),var(--yellow-100));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;animation:float 3s ease-in-out infinite;box-shadow:var(--shadow-lg)}.empty-icon{color:var(--yellow-500);width:64px;height:64px}.empty-state h3{font-size:1.75rem;font-weight:700;color:var(--blue-900);margin-bottom:.5rem;background:linear-gradient(135deg,var(--blue-900),var(--blue-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p{color:var(--gray-600);font-size:1rem;max-width:500px;margin:0 auto;line-height:1.6}.empty-state .highlight{color:var(--blue-500);font-weight:600}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:var(--gradient-blue);border-radius:4px;transition:width 1s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--white);border-radius:2rem;box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);padding:2rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--blue-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:var(--gray-600);font-size:1rem;font-weight:500}.animate-fade-in{animation:fadeIn .5s ease}@media(max-width:768px){.certificates-container,.certificates-header{padding:1.5rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.9rem}.certificates-grid{grid-template-columns:1fr;gap:1rem}.empty-state{padding:3rem 1.5rem}.empty-icon-wrapper{width:100px;height:100px}.empty-icon{width:48px;height:48px}.empty-state h3{font-size:1.5rem}.empty-state p{font-size:.9rem}}@media(max-width:480px){.certificates-container{padding:1rem}.certificates-header{padding:1.25rem}.header-title{font-size:1.25rem}.header-subtitle{font-size:.85rem}.empty-state{padding:2rem 1rem}.empty-icon-wrapper{width:80px;height:80px}.empty-icon{width:40px;height:40px}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.85rem}}@media(prefers-color-scheme:dark){.certificates-container{background:var(--gray-900)}.certificates-header{background:var(--gradient-blue-dark);border-color:var(--blue-800)}.header-title{background:linear-gradient(135deg,var(--blue-100),var(--blue-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{color:var(--gray-400)}.certificate-card{background:var(--gray-800);border-color:var(--gray-700)}.certificate-title{color:var(--blue-100)}.certificate-course{color:var(--gray-400)}.certificate-date{color:var(--gray-500)}.certificate-badge{background:var(--blue-900);color:var(--blue-200);border-color:var(--blue-700)}.certificate-btn-secondary{background:var(--gray-700);color:var(--blue-200);border-color:var(--blue-700)}.certificate-btn-secondary:hover{background:var(--blue-900);color:var(--blue-100)}.empty-state{background:var(--gray-800);border-color:var(--gray-700)}.empty-icon-wrapper{background:linear-gradient(135deg,var(--gray-700),var(--gray-600))}.empty-state h3{background:linear-gradient(135deg,var(--blue-100),var(--blue-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.empty-state p{color:var(--gray-400)}.empty-state .highlight{color:var(--blue-300)}.loading-container{background:var(--gray-800);border-color:var(--gray-700)}.loading-text{color:var(--gray-300)}.loading-spinner{border-color:var(--gray-700);border-top-color:var(--blue-400)}}@media print{.certificates-header{background:none;border:1px solid var(--gray-300);box-shadow:none}.certificate-btn-primary,.certificate-btn-secondary{display:none}.certificate-card{break-inside:avoid;box-shadow:none;border:1px solid var(--gray-300)}.empty-state{border:1px solid var(--gray-300);box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.certificate-card:hover,.certificate-btn-primary:hover,.certificate-btn-secondary:hover{transform:none}.empty-icon-wrapper{animation:none}}.certificate-btn:focus-visible,.certificate-card:focus-within{outline:2px solid var(--blue-400);outline-offset:2px}.available-courses-container{width:100%;max-width:100%;margin:0 auto;padding:2rem;min-height:calc(100vh - 70px);animation:acFadeIn .5s ease}@keyframes acFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.courses-header{margin-bottom:2rem;background:linear-gradient(135deg,#e6f0ff,#fff);border-radius:1.5rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #b8d1ff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.courses-header:before{content:"";position:absolute;top:0;right:0;width:250px;height:250px;background:radial-gradient(circle at top right,#8ab3ff,transparent 70%);opacity:.3;pointer-events:none}.courses-header-title{font-size:2rem;font-weight:700;color:#001233;letter-spacing:-.02em;position:relative;z-index:1}.courses-header-info{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.enrollment-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#fff;border-radius:2rem;border:1px solid #8ab3ff;color:#003599;font-size:.9rem;font-weight:500;box-shadow:0 1px 2px #0000000d}.enrollment-badge svg{color:#0059ff}.courses-search-section{margin-bottom:2rem}.courses-search-wrapper{position:relative;width:100%;max-width:400px}.courses-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:18px;height:18px}.courses-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid #e5e7eb;border-radius:3rem;font-size:.95rem;transition:all .2s ease;background:#fff;color:#111827}.courses-search-input:focus{outline:none;border-color:#0059ff;box-shadow:0 0 0 4px #e6f0ff}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.course-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative;animation:ccAppear .5s ease forwards;opacity:0;transform:translateY(20px)}.course-card:nth-child(2){animation-delay:.15s}.course-card:nth-child(3){animation-delay:.2s}.course-card:nth-child(4){animation-delay:.25s}.course-card:nth-child(5){animation-delay:.3s}.course-card:nth-child(6){animation-delay:.35s}@keyframes ccAppear{to{opacity:1;transform:translateY(0)}}.course-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px -5px #0059ff33;border-color:#8ab3ff}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0059ff,#0047cc);opacity:0;transition:opacity .3s ease;z-index:2}.course-card:hover:before{opacity:1}.course-thumbnail{height:140px;background:linear-gradient(135deg,#0059ff,#0047cc);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.course-thumbnail-placeholder{font-size:2.5rem;font-weight:700;opacity:.5;text-transform:uppercase}.course-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#fff0)}.difficulty-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:capitalize;z-index:1}.difficulty-beginner{background:#10b981e6;color:#fff}.difficulty-intermediate{background:#f59e0be6;color:#fff}.difficulty-advanced{background:#ef4444e6;color:#fff}.enrolled-status-badge{position:absolute;top:.75rem;left:.75rem;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;z-index:1}.status-enrolled{background:#10b981e6;color:#fff}.status-completed{background:#6366f1e6;color:#fff}.course-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.course-card-title{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:.5rem;line-height:1.4}.course-card-desc{font-size:.875rem;color:#6b7280;margin-bottom:1rem;line-height:1.5;height:42px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.course-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.course-meta-tag{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:1rem}.course-meta-tag svg{color:#0059ff;width:14px;height:14px}.course-footer{margin-top:auto;padding-top:.75rem}.btn-enroll{width:100%;padding:.75rem;background:linear-gradient(135deg,#0059ff,#0047cc);color:#fff;border:none;border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-enroll:hover:not(:disabled){background:linear-gradient(135deg,#0047cc,#003599);transform:translateY(-2px);box-shadow:0 4px 12px #0059ff4d}.btn-enroll:disabled{opacity:.5;cursor:not-allowed}.btn-enroll.enrolled{background:linear-gradient(135deg,#10b981,#059669)}.btn-enroll.completed-course{background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-enroll.max-reached{background:#9ca3af}.enroll-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:espin .6s linear infinite}@keyframes espin{to{transform:rotate(360deg)}}.courses-empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;border:2px dashed #d1d5db;display:flex;flex-direction:column;align-items:center;gap:1rem}.courses-empty-icon{color:#d1d5db;width:64px;height:64px}.courses-empty-state p{color:#6b7280;font-size:1rem}.courses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid #e5e7eb;padding:2rem}.courses-loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#0059ff;border-radius:50%;animation:espin 1s linear infinite;margin-bottom:1rem}.courses-loading-text{color:#6b7280;font-size:1rem;font-weight:500}@media(max-width:768px){.available-courses-container{padding:1rem}.courses-header{flex-direction:column;align-items:flex-start}.courses-header-title{font-size:1.5rem}.courses-search-wrapper{max-width:100%}.courses-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.available-courses-container{background:#111827}.courses-header{background:linear-gradient(135deg,#001233,#002466);border-color:#002466}.courses-header-title{color:#b8d1ff}.enrollment-badge{background:#1f2937;border-color:#003599;color:#8ab3ff}.courses-search-input{background:#1f2937;border-color:#374151;color:#f3f4f6}.courses-search-input:focus{border-color:#2e77ff;box-shadow:0 0 0 4px #001233}.course-card{background:#1f2937;border-color:#374151}.course-card-title{color:#f3f4f6}.course-card-desc{color:#9ca3af}.course-meta-tag{background:#374151;color:#9ca3af}.courses-empty-state,.courses-loading{background:#1f2937;border-color:#374151}}:root{--lcr-bg: #0f0f1a;--lcr-surface: rgba(255, 255, 255, .04);--lcr-surface-hover: rgba(255, 255, 255, .08);--lcr-glass: rgba(255, 255, 255, .06);--lcr-glass-border: rgba(255, 255, 255, .1);--lcr-text: #e8e8f0;--lcr-text-muted: #8888a0;--lcr-accent: #6c5ce7;--lcr-accent-glow: rgba(108, 92, 231, .3);--lcr-danger: #ff6b6b;--lcr-success: #51cf66;--lcr-warning: #ffd43b;--lcr-info: #4dabf7;--lcr-radius: 12px;--lcr-radius-sm: 8px;--lcr-transition: .2s cubic-bezier(.4, 0, .2, 1)}.lcr-room{position:fixed;inset:0;background:var(--lcr-bg);display:flex;flex-direction:column;color:var(--lcr-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;z-index:9999}.lcr-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--lcr-surface);border-bottom:1px solid var(--lcr-glass-border);min-height:56px;gap:16px;z-index:10}.lcr-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.lcr-topbar-title{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcr-topbar-badge{padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.lcr-badge-live{background:#ff6b6b33;color:var(--lcr-danger);animation:lcr-pulse 2s infinite}.lcr-badge-scheduled{background:#4dabf733;color:var(--lcr-info)}.lcr-badge-teacher{background:#6c5ce733;color:var(--lcr-accent)}.lcr-badge-student{background:#51cf6633;color:var(--lcr-success)}@keyframes lcr-pulse{0%,to{opacity:1}50%{opacity:.6}}.lcr-topbar-center{display:flex;align-items:center;gap:12px;color:var(--lcr-text-muted);font-size:.85rem}.lcr-session-timer{display:flex;align-items:center;gap:6px;padding:4px 12px;background:var(--lcr-glass);border-radius:20px;font-size:.8rem;font-weight:600;color:var(--lcr-text);font-variant-numeric:tabular-nums;letter-spacing:.5px}.lcr-recording-indicator{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#ff6b6b26;border-radius:20px;color:var(--lcr-danger);font-size:.75rem;font-weight:600}.lcr-recording-dot{width:8px;height:8px;border-radius:50%;background:var(--lcr-danger);animation:lcr-pulse 1s infinite}.lcr-topbar-right{display:flex;align-items:center;gap:8px}.lcr-hand-raise-badge{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#ffd43b26;border:1px solid rgba(255,212,59,.3);border-radius:20px;font-size:.8rem;font-weight:600;color:var(--lcr-warning);animation:lcr-bounce .5s ease-out}@keyframes lcr-bounce{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.lcr-hand-raise-dismiss{background:#ffd43b33;border:1px solid rgba(255,212,59,.3);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;color:var(--lcr-warning);transition:var(--lcr-transition);padding:0}.lcr-hand-raise-dismiss:hover{background:#ffd43b59;transform:scale(1.1)}.lcr-participants-count{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--lcr-glass);border-radius:20px;font-size:.8rem;color:var(--lcr-text-muted);cursor:pointer;transition:var(--lcr-transition)}.lcr-participants-count:hover{background:var(--lcr-surface-hover);color:var(--lcr-text)}.lcr-content{flex:1;display:flex;overflow:hidden;position:relative}.lcr-video-area{flex:1;display:flex;flex-direction:column;padding:16px;gap:12px;overflow:hidden}.lcr-screen-share-container{flex:1;min-height:0;background:#000;border-radius:var(--lcr-radius);overflow:hidden;position:relative}.lcr-screen-share-container video{width:100%;height:100%;object-fit:contain}.lcr-screen-share-label{position:absolute;top:12px;left:12px;padding:4px 12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:.75rem;color:var(--lcr-text);display:flex;align-items:center;gap:6px;z-index:2}.lcr-video-grid{flex:1;display:grid;gap:10px;min-height:0;align-content:center}.lcr-video-grid.grid-1{grid-template-columns:1fr}.lcr-video-grid.grid-2{grid-template-columns:repeat(2,1fr)}.lcr-video-grid.grid-3{grid-template-columns:repeat(3,1fr)}.lcr-video-grid.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.lcr-video-grid.grid-5,.lcr-video-grid.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.lcr-video-grid.grid-7,.lcr-video-grid.grid-8,.lcr-video-grid.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.lcr-video-grid.grid-10{grid-template-columns:repeat(4,1fr)}.lcr-video-grid.with-screen-share{flex:none;height:140px;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden}.lcr-video-grid.with-screen-share .lcr-video-tile{min-width:180px;max-width:220px;flex-shrink:0}.lcr-video-tile{position:relative;background:#1a1a2e;border-radius:var(--lcr-radius);overflow:hidden;border:2px solid transparent;transition:border-color var(--lcr-transition),box-shadow var(--lcr-transition)}.lcr-video-tile.active-speaker{border-color:var(--lcr-accent);box-shadow:0 0 20px var(--lcr-accent-glow)}.lcr-video-tile.hand-raised{border-color:var(--lcr-warning);box-shadow:0 0 15px #ffd43b4d}.lcr-video-tile.is-local{border-color:#6c5ce74d}.lcr-video-tile video{width:100%;height:100%;object-fit:cover;display:block}.lcr-video-tile-info{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#000c);display:flex;align-items:center;justify-content:space-between;z-index:2}.lcr-video-tile-name{font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:6px}.lcr-video-tile-indicators{display:flex;gap:4px}.lcr-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.lcr-indicator.muted{background:#ff6b6b4d;color:var(--lcr-danger)}.lcr-video-avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}.lcr-video-avatar-circle{width:72px;height:72px;border-radius:50%;background:var(--lcr-accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.lcr-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--lcr-surface);border-top:1px solid var(--lcr-glass-border);z-index:10}.lcr-ctrl-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.15rem;transition:var(--lcr-transition);position:relative;color:var(--lcr-text);background:var(--lcr-glass);border:1px solid var(--lcr-glass-border)}.lcr-ctrl-btn:hover{background:var(--lcr-surface-hover);transform:scale(1.08)}.lcr-ctrl-btn:active{transform:scale(.95)}.lcr-ctrl-btn.active{background:var(--lcr-accent);border-color:var(--lcr-accent);color:#fff}.lcr-ctrl-btn.danger{background:var(--lcr-danger);border-color:var(--lcr-danger);color:#fff}.lcr-ctrl-btn.danger:hover{background:#ff5252}.lcr-ctrl-btn.muted-btn{background:#ff6b6b33;border-color:#ff6b6b4d;color:var(--lcr-danger)}.lcr-ctrl-btn.recording{background:#ff6b6b33;border-color:var(--lcr-danger);color:var(--lcr-danger);animation:lcr-pulse 1.5s infinite}.lcr-ctrl-btn.hand-active{background:#ffd43b33;border-color:var(--lcr-warning);color:var(--lcr-warning)}.lcr-ctrl-btn .lcr-btn-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 10px;background:#000000d9;border-radius:6px;font-size:.7rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.lcr-ctrl-btn:hover .lcr-btn-tooltip{opacity:1}.lcr-ctrl-divider{width:1px;height:32px;background:var(--lcr-glass-border);margin:0 8px}.lcr-unread-badge{position:absolute;top:-4px;right:-4px;background:var(--lcr-danger);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.65rem;display:flex;align-items:center;justify-content:center;font-weight:700;animation:lcr-bounce .3s ease-out}.lcr-chat-sidebar{width:340px;background:var(--lcr-surface);border-left:1px solid var(--lcr-glass-border);display:flex;flex-direction:column;transition:width var(--lcr-transition),opacity var(--lcr-transition);overflow:hidden}.lcr-chat-sidebar.hidden{width:0;opacity:0;pointer-events:none}.lcr-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--lcr-glass-border)}.lcr-chat-header h3{font-size:.95rem;font-weight:600;margin:0}.lcr-chat-close{background:none;border:none;color:var(--lcr-text-muted);cursor:pointer;font-size:1.1rem;padding:4px;border-radius:6px;transition:var(--lcr-transition)}.lcr-chat-close:hover{background:var(--lcr-surface-hover);color:var(--lcr-text)}.lcr-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.lcr-chat-messages::-webkit-scrollbar{width:4px}.lcr-chat-messages::-webkit-scrollbar-track{background:transparent}.lcr-chat-messages::-webkit-scrollbar-thumb{background:var(--lcr-glass-border);border-radius:4px}.lcr-chat-msg{padding:10px 12px;background:var(--lcr-glass);border-radius:var(--lcr-radius-sm);animation:lcr-fadeIn .2s ease-out}@keyframes lcr-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lcr-chat-msg-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.lcr-chat-msg-sender{font-size:.8rem;font-weight:600}.lcr-chat-msg-role{padding:1px 6px;border-radius:10px;font-size:.6rem;font-weight:700;text-transform:uppercase}.lcr-chat-msg-role.teacher{background:#6c5ce733;color:var(--lcr-accent)}.lcr-chat-msg-role.student{background:#51cf6633;color:var(--lcr-success)}.lcr-chat-msg-time{font-size:.65rem;color:var(--lcr-text-muted);margin-left:auto}.lcr-chat-msg-text{font-size:.85rem;line-height:1.4;color:var(--lcr-text)}.lcr-chat-input-area{display:flex;gap:8px;padding:12px;border-top:1px solid var(--lcr-glass-border)}.lcr-chat-input{flex:1;padding:10px 14px;background:var(--lcr-glass);border:1px solid var(--lcr-glass-border);border-radius:var(--lcr-radius-sm);color:var(--lcr-text);font-size:.85rem;outline:none;transition:var(--lcr-transition)}.lcr-chat-input:focus{border-color:var(--lcr-accent);box-shadow:0 0 0 2px var(--lcr-accent-glow)}.lcr-chat-input::placeholder{color:var(--lcr-text-muted)}.lcr-chat-send{padding:0 16px;background:var(--lcr-accent);border:none;border-radius:var(--lcr-radius-sm);color:#fff;cursor:pointer;font-size:1rem;transition:var(--lcr-transition)}.lcr-chat-send:hover{background:#5a4bd4}.lcr-chat-send:disabled{opacity:.5;cursor:not-allowed}.lcr-participants-panel{width:280px;background:var(--lcr-surface);border-left:1px solid var(--lcr-glass-border);display:flex;flex-direction:column;overflow:hidden;transition:width var(--lcr-transition)}.lcr-participants-panel.hidden{width:0;opacity:0;pointer-events:none}.lcr-participants-list{flex:1;overflow-y:auto;padding:8px}.lcr-participant-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--lcr-radius-sm);transition:var(--lcr-transition)}.lcr-participant-item:hover{background:var(--lcr-glass)}.lcr-participant-avatar{width:36px;height:36px;border-radius:50%;background:var(--lcr-accent);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.lcr-participant-info{flex:1;min-width:0}.lcr-participant-name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcr-participant-role{font-size:.7rem;color:var(--lcr-text-muted)}.lcr-participant-status{display:flex;gap:4px;align-items:center}.lcr-prejoin{flex:1;display:flex;align-items:center;justify-content:center;background:var(--lcr-bg);padding:24px}.lcr-prejoin-card{background:var(--lcr-surface);border:1px solid var(--lcr-glass-border);border-radius:20px;padding:40px;max-width:480px;width:100%;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.lcr-prejoin-card h2{font-size:1.5rem;font-weight:700;margin-bottom:8px}.lcr-prejoin-card p{color:var(--lcr-text-muted);margin-bottom:32px;font-size:.9rem}.lcr-prejoin-preview{width:100%;aspect-ratio:16/9;background:#1a1a2e;border-radius:var(--lcr-radius);overflow:hidden;margin-bottom:24px;position:relative}.lcr-prejoin-preview video{width:100%;height:100%;object-fit:cover}.lcr-prejoin-controls{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.lcr-join-btn{padding:14px 40px;background:var(--lcr-accent);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--lcr-transition);width:100%}.lcr-join-btn:hover{background:#5a4bd4;transform:translateY(-1px);box-shadow:0 8px 25px var(--lcr-accent-glow)}.lcr-join-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lcr-back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--lcr-text-muted);background:none;border:none;cursor:pointer;font-size:.85rem;margin-top:16px;transition:var(--lcr-transition)}.lcr-back-btn:hover{color:var(--lcr-text)}.lcr-toast{position:fixed;top:80px;right:20px;padding:12px 20px;background:var(--lcr-surface);border:1px solid var(--lcr-glass-border);border-radius:var(--lcr-radius-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;animation:lcr-slideIn .3s ease-out,lcr-fadeOut .3s ease-out 3s forwards;font-size:.85rem;max-width:300px}@keyframes lcr-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes lcr-fadeOut{to{opacity:0;transform:translate(50%)}}.lcr-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--lcr-bg);color:var(--lcr-text);flex-direction:column;gap:16px}.lcr-spinner{width:40px;height:40px;border:3px solid var(--lcr-glass-border);border-top-color:var(--lcr-accent);border-radius:50%;animation:lcr-spin .8s linear infinite}@keyframes lcr-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.lcr-chat-sidebar{position:absolute;right:0;top:0;bottom:0;width:100%;max-width:340px;z-index:20;background:var(--lcr-bg)}.lcr-participants-panel{position:absolute;right:0;top:0;bottom:0;width:100%;max-width:280px;z-index:20;background:var(--lcr-bg)}.lcr-video-grid.grid-3,.lcr-video-grid.grid-4,.lcr-video-grid.grid-5,.lcr-video-grid.grid-6,.lcr-video-grid.grid-7,.lcr-video-grid.grid-8,.lcr-video-grid.grid-9,.lcr-video-grid.grid-10{grid-template-columns:repeat(2,1fr)}.lcr-ctrl-btn{width:42px;height:42px;font-size:1rem}.lcr-topbar{padding:8px 12px}.lcr-topbar-center,.lcr-session-timer{display:none}}:root{--blue-50: #e6f0ff;--blue-100: #b3d1ff;--blue-200: #80b3ff;--blue-300: #4d94ff;--blue-400: #1a75ff;--blue-500: #0052cc;--blue-600: #0041a3;--blue-700: #00317a;--blue-800: #002052;--blue-900: #001029;--blue-950: #000814;--white: #ffffff;--off-white: #f8fafc;--gray-50: #f1f5f9;--gray-100: #e2e8f0;--gray-200: #cbd5e1;--gray-300: #94a3b8;--shadow-sm: 0 2px 4px rgba(0, 82, 204, .1);--shadow-md: 0 4px 6px rgba(0, 82, 204, .15);--shadow-lg: 0 10px 15px rgba(0, 82, 204, .2);--shadow-xl: 0 20px 25px rgba(0, 82, 204, .25);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}.course-list-page{min-height:100vh;background:linear-gradient(135deg,var(--white) 0%,var(--blue-50) 100%)}.course-container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.course-hero{position:relative;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-700) 50%,var(--blue-500) 100%);min-height:40vh;display:flex;align-items:center;padding:60px 0 40px;overflow:hidden}.course-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,82,204,.2) 0%,transparent 50%);pointer-events:none}.course-header{text-align:center;color:var(--white);margin-bottom:40px;position:relative;z-index:2}.course-badge{display:inline-flex;align-items:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;font-weight:600;font-size:.85rem;letter-spacing:1px;margin-bottom:25px;border:1px solid rgba(255,255,255,.2);color:var(--white);text-transform:uppercase}.course-header h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;margin-bottom:15px;line-height:1.2}.course-header h1 span{background:linear-gradient(135deg,var(--blue-200) 0%,var(--white) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.course-header p{font-size:1.1rem;color:var(--blue-100);max-width:600px;margin:0 auto;line-height:1.8}.course-stats{display:flex;justify-content:center;gap:50px;margin-bottom:40px;position:relative;z-index:2}.stat-item{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 30px;border-radius:20px;border:1px solid rgba(255,255,255,.2);min-width:150px}.stat-value{font-size:2.5rem;font-weight:800;color:var(--white);line-height:1;margin-bottom:5px}.stat-label{font-size:.9rem;color:var(--blue-200);text-transform:uppercase;letter-spacing:1px}.search-section{position:relative;z-index:2;max-width:800px;margin:0 auto 40px}.search-wrapper{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--blue-400)}.search-input{width:100%;padding:18px 20px 18px 55px;font-size:1rem;border:2px solid rgba(255,255,255,.2);border-radius:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);transition:var(--transition)}.search-input::placeholder{color:var(--blue-200)}.search-input:focus{outline:none;border-color:var(--white);background:#ffffff26;box-shadow:0 0 0 4px #ffffff1a}.filter-section{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:var(--white);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition)}.filter-btn svg{width:16px;height:16px}.filter-btn:hover{background:#fff3;transform:translateY(-2px);border-color:var(--white)}.filter-btn.active{background:var(--white);color:var(--blue-700);border-color:var(--white);box-shadow:var(--shadow-lg)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px 0;position:relative;z-index:2}.loading-container{text-align:center;padding:60px 20px;position:relative;z-index:2}.loading-spinner{width:60px;height:60px;margin:0 auto 20px;border:4px solid var(--blue-200);border-top-color:var(--blue-500);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--blue-100);font-size:1.1rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px;background:var(--white);border-radius:30px;box-shadow:var(--shadow-xl);margin:40px 0;position:relative;z-index:2}.empty-icon{color:var(--blue-300);margin-bottom:20px;animation:float 3s ease-in-out infinite}.empty-state h3{font-size:1.8rem;font-weight:700;color:var(--blue-800);margin-bottom:10px}.empty-state p{color:var(--blue-500);font-size:1.1rem}.course-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--blue-100);height:100%;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--blue-400)}.course-image{width:100%;height:200px;object-fit:cover;transition:var(--transition)}.course-card:hover .course-image{transform:scale(1.05)}.course-content{padding:25px;flex:1;display:flex;flex-direction:column}.course-category{display:inline-block;background:var(--blue-50);color:var(--blue-600);padding:4px 12px;border-radius:50px;font-size:.8rem;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.course-title{font-size:1.3rem;font-weight:700;color:var(--blue-900);margin-bottom:10px;line-height:1.4}.course-description{color:var(--blue-600);font-size:.95rem;line-height:1.6;margin-bottom:20px;flex:1}.course-meta{display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--blue-100)}.meta-item{display:flex;align-items:center;gap:6px;color:var(--blue-500);font-size:.9rem}.meta-item svg{width:16px;height:16px;color:var(--blue-400)}.course-footer{display:flex;justify-content:space-between;align-items:center}.course-price{font-size:1.5rem;font-weight:700;color:var(--blue-700)}.course-price span{font-size:.9rem;font-weight:400;color:var(--blue-400);margin-left:4px}.enroll-btn{padding:10px 20px;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%);color:var(--white);border:none;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition)}.enroll-btn:hover{background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-800) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.course-badge{animation:fadeIn 1s ease-out}.course-header h1{animation:slideUp .8s ease-out}.course-header p{animation:slideUp .8s ease-out .2s both}.course-stats{animation:slideUp .8s ease-out .3s both}.search-section{animation:slideUp .8s ease-out .4s both}.course-grid{animation:fadeIn 1s ease-out .5s both}@media(max-width:1024px){.course-grid{grid-template-columns:repeat(2,1fr);gap:25px}.course-stats{gap:30px}.stat-item{padding:15px 25px;min-width:130px}.stat-value{font-size:2rem}}@media(max-width:768px){.course-hero{min-height:auto;padding:40px 0}.course-header h1{font-size:2.2rem}.course-header p{font-size:1rem;padding:0 20px}.course-stats{flex-wrap:wrap;gap:15px;margin-bottom:30px}.stat-item{flex:1;min-width:120px;padding:15px 10px}.stat-value{font-size:1.8rem}.stat-label{font-size:.8rem}.search-section{margin-bottom:30px}.search-input{padding:15px 20px 15px 50px;font-size:.95rem}.filter-btn{padding:10px 18px;font-size:.85rem}.filter-btn svg{width:14px;height:14px}.course-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:20px 0}.empty-state{padding:60px 20px;margin:20px 0}.empty-state h3{font-size:1.5rem}}@media(max-width:640px){.course-grid{grid-template-columns:1fr;gap:20px}.filter-section{flex-direction:column;gap:10px}.filter-btn{width:100%;justify-content:center}.course-stats{flex-direction:column;align-items:center}.stat-item{width:100%;max-width:280px}.course-header h1{font-size:1.8rem}.course-badge{font-size:.75rem;padding:6px 16px}}@media(max-width:480px){.course-header h1{font-size:1.6rem}.search-wrapper{margin-bottom:15px}.search-input{padding:12px 15px 12px 45px;font-size:.9rem}.search-icon{left:15px;width:18px;height:18px}.filter-btn{padding:8px 16px;font-size:.8rem}.empty-state{padding:40px 15px}.empty-icon{width:48px;height:48px}.empty-state h3{font-size:1.3rem}.empty-state p{font-size:.95rem}}.course-card{animation:fadeIn .6s ease-out;animation-fill-mode:both}.course-card:nth-child(1){animation-delay:.1s}.course-card:nth-child(2){animation-delay:.2s}.course-card:nth-child(3){animation-delay:.3s}.course-card:nth-child(4){animation-delay:.4s}.course-card:nth-child(5){animation-delay:.5s}.course-card:nth-child(6){animation-delay:.6s}.course-level-badge{display:inline-block;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:10px}.level-beginner{background:var(--blue-50);color:var(--blue-600)}.level-intermediate{background:var(--blue-100);color:var(--blue-700)}.level-advanced{background:var(--blue-200);color:var(--blue-800)}.results-count{text-align:center;color:var(--blue-100);margin:20px 0;font-size:.95rem;font-weight:500}.results-count strong{color:var(--white);font-size:1.1rem}@media print{.course-hero{background:none;color:#000;padding:20px 0}.filter-section,.search-wrapper,.enroll-btn{display:none}.course-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}}@media(prefers-reduced-motion:reduce){.loading-spinner,.course-card,.filter-btn,.enroll-btn,.empty-icon{animation:none;transition:none}.course-card:hover{transform:none}}.filter-btn:focus-visible,.search-input:focus-visible,.enroll-btn:focus-visible{outline:2px solid var(--white);outline-offset:2px}@media(prefers-color-scheme:dark){.course-list-page{background:linear-gradient(135deg,var(--blue-950) 0%,var(--blue-900) 100%)}.course-card{background:var(--blue-900);border-color:var(--blue-700)}.course-title{color:var(--white)}.course-description{color:var(--blue-200)}.course-category{background:var(--blue-800);color:var(--blue-200)}.meta-item{color:var(--blue-300)}.course-price{color:var(--blue-200)}}:root{--blue-50: #f0f5ff;--blue-100: #e0eaff;--blue-200: #b8ccff;--blue-300: #8aa9ff;--blue-400: #5c86ff;--blue-500: #2e63ff;--blue-600: #1e4fcc;--blue-700: #123b99;--blue-800: #0a2866;--blue-900: #051433;--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;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}.course-details-container{min-height:100vh;background:var(--gray-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.course-hero{background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-800) 100%);color:var(--white);padding:4rem 2rem;position:relative;border-bottom:4px solid var(--blue-400)}.hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:start}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-bottom:2rem;color:var(--blue-200)}.breadcrumb a{color:var(--blue-200);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--white)}.breadcrumb .current{color:var(--white);font-weight:500}.course-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--white)}.course-description{font-size:1.1rem;line-height:1.6;color:var(--blue-100);margin-bottom:2rem}.course-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--blue-100);font-size:.95rem}.course-rating{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.stars{display:flex;gap:.25rem;color:var(--blue-300)}.star-filled{color:#fbbf24}.rating-value{font-weight:700;font-size:1.2rem;color:var(--white)}.rating-count{color:var(--blue-200);font-size:.95rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background:var(--white);color:var(--blue-700)}.btn-primary:hover{background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--blue-300)}.btn-outline:hover{background:#ffffff1a;border-color:var(--white);transform:translateY(-2px)}.btn-outline.active{background:var(--white);color:var(--blue-700);border-color:var(--white)}.course-preview{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xl);border:2px solid var(--blue-400)}.course-preview img{width:100%;height:auto;display:block}.preview-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.course-preview:hover .preview-overlay{opacity:1}.play-button{width:80px;height:80px;border-radius:50%;background:var(--white);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:1rem;transition:all .3s ease}.play-button:hover{transform:scale(1.1);background:var(--blue-50)}.play-button svg{color:var(--blue-600);margin-left:4px}.course-main{max-width:1400px;margin:3rem auto;padding:0 2rem;display:grid;grid-template-columns:1fr 320px;gap:2rem}.tabs-container{display:flex;gap:.5rem;border-bottom:2px solid var(--gray-200);margin-bottom:2rem}.tab-btn{padding:1rem 1.5rem;background:transparent;border:none;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s ease;position:relative;font-size:1rem}.tab-btn:hover,.tab-btn.active{color:var(--blue-600)}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue-500)}.content-section{margin-bottom:3rem}.content-section h2{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin-bottom:1.5rem;position:relative;padding-bottom:.75rem}.content-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--blue-500);border-radius:2px}.description-text{color:var(--gray-600);line-height:1.8}.description-text p{margin-bottom:1rem}.objectives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.objective-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--white);border-radius:8px;border:1px solid var(--gray-200);transition:all .2s ease}.objective-item:hover{border-color:var(--blue-200);box-shadow:var(--shadow);transform:translateY(-2px)}.objective-item .check-icon{color:var(--blue-500);flex-shrink:0;margin-top:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--white);border-radius:8px;border:1px solid var(--gray-200)}.feature-icon{color:var(--blue-500)}.prerequisites-list,.audience-list{list-style:none;padding:0}.prerequisites-list li,.audience-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--gray-200)}.prerequisites-list li:last-child,.audience-list li:last-child{border-bottom:none}.check-icon,.target-icon{color:var(--blue-500)}.curriculum-header{background:var(--white);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid var(--gray-200)}.curriculum-stats{color:var(--gray-600);font-weight:500}.curriculum-sections{border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.curriculum-section{border-bottom:1px solid var(--gray-200)}.curriculum-section:last-child{border-bottom:none}.section-header{padding:1rem 1.5rem;background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s ease}.section-header:hover{background:var(--blue-50)}.section-title{display:flex;align-items:center;gap:.75rem}.section-title h3{font-size:1.1rem;font-weight:600;color:var(--gray-800)}.chevron{transition:transform .3s ease;color:var(--gray-400)}.chevron.expanded{transform:rotate(90deg)}.section-stats{color:var(--gray-500);font-size:.9rem}.lessons-list{background:var(--gray-50);padding:.5rem 0}.lesson-item{padding:.75rem 1.5rem .75rem 3rem;display:flex;align-items:center;justify-content:space-between;transition:background .2s ease}.lesson-item:hover{background:var(--blue-50)}.lesson-info{display:flex;align-items:center;gap:1rem}.lesson-icon{color:var(--blue-500);display:flex;align-items:center}.lesson-title{color:var(--gray-700);font-size:.95rem}.preview-badge{background:var(--blue-100);color:var(--blue-700);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.lesson-duration{color:var(--gray-500);font-size:.9rem}.instructor-profile{display:flex;gap:2rem;background:var(--white);padding:2rem;border-radius:12px;border:1px solid var(--gray-200)}.instructor-profile img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--blue-100)}.instructor-info h2{font-size:1.5rem;color:var(--gray-800);margin-bottom:.5rem}.instructor-title{color:var(--blue-600);font-weight:500;margin-bottom:1rem}.instructor-bio{color:var(--gray-600);line-height:1.6;margin-bottom:1.5rem}.instructor-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-600)}.reviews-summary{background:var(--white);padding:2rem;border-radius:12px;margin-bottom:2rem;text-align:center;border:1px solid var(--gray-200)}.average-rating h2{font-size:3rem;color:var(--gray-800);margin-bottom:.5rem}.reviews-list{display:flex;flex-direction:column;gap:1rem}.review-item{background:var(--white);padding:1.5rem;border-radius:8px;border:1px solid var(--gray-200)}.reviewer-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.reviewer-avatar{width:48px;height:48px;border-radius:50%;background:var(--blue-500);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.reviewer-info h4{color:var(--gray-800);margin-bottom:.25rem}.review-rating{display:flex;gap:.25rem;color:#fbbf24}.review-text{color:var(--gray-600);line-height:1.6;margin-bottom:.5rem}.review-date{color:var(--gray-400);font-size:.875rem}.course-sidebar{position:sticky;top:2rem;align-self:start}.sidebar-widget{background:var(--white);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--gray-200);box-shadow:var(--shadow)}.sidebar-widget h3{font-size:1.2rem;font-weight:600;color:var(--gray-800);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--gray-200)}.includes-list{list-style:none;padding:0}.includes-list li{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--gray-100);color:var(--gray-600)}.includes-list li:last-child{border-bottom:none}.includes-list svg{color:var(--blue-500)}.related-courses{display:flex;flex-direction:column;gap:1rem}.related-course{display:flex;gap:1rem;padding:.75rem;border-radius:8px;text-decoration:none;transition:all .2s ease}.related-course:hover{background:var(--blue-50)}.related-course img{width:60px;height:45px;border-radius:4px;object-fit:cover}.related-course h4{font-size:.95rem;color:var(--gray-800);margin-bottom:.25rem;font-weight:600}.related-course span{font-size:.85rem;color:var(--gray-500)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--white);padding:2rem;border-radius:12px;max-width:400px;width:90%}.modal-content h3{font-size:1.25rem;color:var(--gray-800);margin-bottom:1.5rem}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.share-option{padding:.75rem;background:var(--blue-50);border:1px solid var(--blue-200);border-radius:6px;color:var(--blue-700);font-weight:500;cursor:pointer;transition:all .2s ease}.share-option:hover{background:var(--blue-100);border-color:var(--blue-300)}.modal-close{width:100%;padding:.75rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:6px;color:var(--gray-600);font-weight:500;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:var(--gray-200)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:2rem}.course-main{grid-template-columns:1fr}.course-sidebar{position:static}.course-preview{max-width:600px;margin:0 auto}}@media(max-width:768px){.course-hero{padding:2rem 1rem}.course-title{font-size:2rem}.course-meta{gap:1rem}.hero-actions{flex-direction:column}.btn{width:100%;justify-content:center}.tabs-container{overflow-x:auto;padding-bottom:.5rem}.tab-btn{white-space:nowrap}.objectives-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.instructor-profile{flex-direction:column;align-items:center;text-align:center}.instructor-stats{justify-content:center}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}.section-header,.lesson-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:fadeIn .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}*:focus-visible{outline:2px solid var(--blue-400);outline-offset:2px}