:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.student-sidebar{position:fixed;left:0;top:0;height:100vh;width:220px;background:#1a1a2e;color:#fff;z-index:1000;display:flex;flex-direction:column;transition:transform .3s ease-in-out;box-shadow:2px 0 10px #0000001a;overflow:hidden}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;display:none}.sidebar-header{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;min-height:50px}.logo-section{flex:1}.logo{display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:.9rem}.brand-icon{color:#4cc9f0;flex-shrink:0;width:24px;height:24px}.brand h2{font-size:1.4rem;font-weight:600;margin:0;color:#fff;font-family:Georgia,serif;letter-spacing:.5px;line-height:1;white-space:nowrap}.logo-subtitle{font-size:.75rem;opacity:.75;font-weight:400}.sidebar-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s;display:none}.sidebar-close-btn:hover{background:#ffffff1a}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto;display:flex;flex-direction:column;height:100%;gap:.25rem;margin:0;justify-content:space-between}.nav-item{margin:0 .5rem;border-radius:4px;padding:.6rem 1rem}.nav-item{display:flex;align-items:center;color:#fffc;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;position:relative;flex-shrink:0;outline:none}.nav-item:hover{background:#ffffff1a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff;transform:translate(4px);transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.nav-item.active{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-left:3px solid transparent;border-bottom:2px solid #FFD700;font-weight:600;outline:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.1);transform:translate(0);transition:all .3s ease}.nav-icon{margin-right:.875rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.nav-label{font-size:.9rem;font-weight:500}.sidebar-footer{padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.1);margin:0;flex-shrink:0;background:#0000001a;border-radius:0 0 0 4px}.footer-text{text-align:center}.footer-text p{font-size:.65rem;opacity:.6;margin:0;line-height:1.3}.copyright{text-align:center;font-size:.65rem;opacity:.6;line-height:1.3}@media(max-width:768px){.student-sidebar{transform:translate(-100%)}.student-sidebar.open{transform:translate(0)}.sidebar-overlay,.sidebar-close-btn{display:block}.mobile-only{display:block!important}}@media(min-width:769px){.student-sidebar{position:relative;transform:translate(0)}.sidebar-overlay,.mobile-only{display:none!important}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-item{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.nav-item:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:gold;transition:width .3s ease}.nav-item:hover:after{width:100%}.nav-item.active:after{width:100%}.student-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:1rem;flex:1}.menu-toggle{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.menu-toggle:hover{background:#f1f5f9;color:#334155}.student-info{display:flex;align-items:center;width:100%}.student-details{width:100%}.detail-row{display:flex;align-items:center;gap:.75rem;background:#fff9;padding:.5rem 1rem;border-radius:.75rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0000000d;flex-wrap:wrap;max-width:100%;overflow:hidden}.detail-item{display:flex;align-items:center;gap:.75rem;min-width:0;flex-shrink:1}.name-item{flex:1 1 160px;min-width:120px;max-width:250px;overflow:hidden;position:relative}.name-item .detail-value[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s}.name-item .detail-value[title]:hover:before{content:"";position:absolute;bottom:calc(100% - 5px);left:50%;transform:translate(-50%);border-width:5px 5px 0;border-style:solid;border-color:#333 transparent transparent;opacity:0;transition:opacity .2s}.name-item .detail-value[title]:hover:after,.name-item .detail-value[title]:hover:before{opacity:1}.index-item,.batch-item{flex:0 0 auto}.detail-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:#6366f11a;border-radius:.5rem;color:#4f46e5;flex-shrink:0}.detail-content{display:flex;flex-direction:column}.detail-label{font-size:.75rem;color:#64748b;font-weight:500;line-height:1.25}.detail-value{font-size:.9375rem;font-weight:600;color:#1e293b;line-height:1.25;margin-top:.125rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.detail-separator{width:1px;height:2.5rem;background:#e2e8f0;margin:0 .25rem}.student-details p{margin:0;line-height:1}.student-index{display:inline-flex;align-items:center;gap:.4rem;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:999px}.header-center{display:flex;align-items:center;justify-content:center;flex:1}.time-display{text-align:center;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;color:#fff;box-shadow:0 4px 6px #667eea40}.current-time{font-size:1.125rem;font-weight:600;margin-bottom:.125rem;font-family:Courier New,monospace}.current-date{font-size:.75rem;opacity:.9;font-weight:400}.header-right{display:flex;align-items:center;justify-content:flex-end;flex:1}.header-actions{display:flex;align-items:center;gap:.75rem}.notification-btn{position:relative;background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.notification-btn:hover{background:#f1f5f9;color:#334155}.notification-badge{position:absolute;top:.25rem;right:.25rem;background:#ef4444;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:.75rem;min-width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;line-height:1}.profile-dropdown{position:relative}.profile-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;transition:all .2s;color:#64748b}.profile-btn:hover{background:#f1f5f9;color:#334155}.profile-avatar{width:2rem;height:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.dropdown-arrow{transition:transform .2s}.profile-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;min-width:12rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:1000}.profile-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#374151;text-decoration:none;font-size:.875rem;transition:all .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer}.dropdown-item:hover{background:#f9fafb;color:#111827}.dropdown-item.delete{color:#dc2626;border-top:1px solid #f3f4f6}.dropdown-item.delete:hover{background:#fef2f2;color:#b91c1c}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2;color:#b91c1c}@media(max-width:1200px){.detail-item{min-width:120px}.index-item,.batch-item{flex:1 1 120px}}@media(max-width:1024px){.detail-row{gap:.5rem;padding:.5rem}.detail-item{min-width:100px}.detail-icon{width:2rem;height:2rem}.detail-label{font-size:.6875rem}.detail-value{font-size:.875rem}}@media(max-width:768px){.student-header{padding:.75rem 1rem}.header-center{display:none}.student-details h2{font-size:1rem}.student-details p{font-size:.75rem}.header-actions{gap:.5rem}.dropdown-menu{right:-1rem;min-width:10rem}}@media(max-width:768px){.detail-row{flex-direction:row;gap:.5rem;padding:.5rem;background:transparent;box-shadow:none}.detail-item,.detail-row{display:none!important}.index-item:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a}.detail-separator{display:none}.detail-icon{background:#f0f4ff;border-radius:8px;width:2.5rem;height:2.5rem}.detail-content{flex:1}.detail-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.detail-value{font-size:1rem;font-weight:600;color:#1e293b;max-width:100%}}@media(max-width:480px){.detail-item{flex:1 1 100%!important}.detail-separator{display:none}.detail-item{width:100%}}@media(max-width:480px){.student-header{padding:.5rem .75rem}.student-details h2{font-size:.875rem}.student-details p{display:none}.notification-btn,.profile-btn{padding:.375rem}}.dropdown-menu{animation:slideDown .2s ease-out}.current-time{animation:pulse 2s infinite}.student-layout{display:flex;min-height:100vh;background:#f8fafc;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;overflow-y:auto;height:100vh;padding:0}.main-content.mobile{margin-left:0}.content-area{flex:1;overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);scroll-behavior:smooth;overscroll-behavior:none}.content-wrapper{padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}@media(max-width:768px){.main-content.desktop{margin-left:0}.content-wrapper{padding:1rem}}@media(max-width:480px){.content-wrapper{padding:.75rem}}*{box-sizing:border-box}.student-layout *{transition:all .2s ease-in-out}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:#f1f5f9}.content-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.content-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--primary-color: #ff1100;--secondary-color: #0066ff;--accent-color: #00d4ff;--dark-bg: #0a0e27;--light-bg: #f8f9fa;--text-dark: #1a1a1a;--text-light: #666666;--border-color: #e0e0e0;--gradient-1: linear-gradient(135deg, #ff1100 0%, #ff6b35 100%);--gradient-2: linear-gradient(135deg, #0066ff 0%, #00d4ff 100%);--gradient-3: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-dark);background-color:#fff;overflow-x:hidden}.home-container{width:100%;min-height:100vh}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--dark-bg)}.loader{width:50px;height:50px;border:4px solid rgba(255,17,0,.2);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.navbar{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 20px #0000001a;padding:0}.nav-container{max-width:1200px;margin:0 auto;padding:0 0rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;justify-content:center;padding:0;margin:0;height:80px}.logo-img{height:150px;width:auto;object-fit:contain;transition:transform .3s ease;display:block;padding:0;margin:0;line-height:1}.nav-logo:hover .logo-img{transform:scale(1.08)}.logo-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover{color:var(--primary-color)}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap}.btn svg{flex-shrink:0}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 15px #ff11004d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #f106}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-dark);border:2px solid var(--border-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.btn-large{padding:1.1rem 2.8rem;font-size:1.1rem}.hero .btn-primary{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 8px 32px #0000001a}.hero .btn-primary:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 8px 32px #0003}.hero .btn-outline{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 8px 32px #0000001a}.hero .btn-outline:hover{background:#ffffff40;border-color:#ffffff80;color:#fff;box-shadow:0 8px 32px #0003}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fff,#f8f9fa);padding-top:80px}.hero-bg-float{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-bg-image{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;border-radius:0;animation:heroImageCarousel 9s ease-in-out infinite;left:0;top:0;transform:none;filter:brightness(.5) contrast(1.1)}.hero-bg-image:nth-of-type(1){animation-delay:0s}.hero-bg-image:nth-of-type(2){animation-delay:3s}.hero-bg-image:nth-of-type(3){animation-delay:6s}@keyframes heroImageCarousel{0%{opacity:0;transform:scale(1.05)}10%{opacity:.8;transform:scale(1)}33%{opacity:.8;transform:scale(1)}43%{opacity:0;transform:scale(.95)}to{opacity:0;transform:scale(.95)}}.gradient-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:blobFloat 15s ease-in-out infinite;display:none}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,10px) scale(1.05)}}.blob-1{width:400px;height:400px;background:var(--gradient-1);top:-100px;right:-100px;animation-delay:0s}.blob-2{width:300px;height:300px;background:var(--gradient-2);bottom:100px;left:-50px;animation-delay:2s}.blob-3{width:350px;height:350px;background:var(--gradient-3);top:50%;right:10%;animation-delay:4s}.hero-content{position:relative;z-index:10;text-align:center;max-width:800px;padding:3rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 8px 32px #0003}.hero-title{font-size:4rem;font-weight:900;margin-bottom:1rem;color:#fff;line-height:1.2;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(255,17,0,.1)}50%{text-shadow:0 0 40px rgba(255,17,0,.3)}}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hero-subtitle{font-size:1.3rem;color:#fff;margin-bottom:2rem;line-height:1.6;animation:subtitleFade 2.5s ease-in-out infinite}@keyframes subtitleFade{0%,to{opacity:.8}50%{opacity:1}}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-illustration{position:absolute;bottom:50px;right:50px;display:flex;gap:2rem;font-size:4rem;animation:float 3s ease-in-out infinite}.illustration-item{animation:bounce 2s ease-in-out infinite}.illustration-item:nth-child(2){animation-delay:.2s}.illustration-item:nth-child(3){animation-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.features{padding:6rem 2rem;background:#fff}.container{max-width:1200px;margin:0 auto}.section-title{font-size:4rem;font-weight:800;text-align:center;margin-bottom:1rem;color:var(--text-dark)}.section-subtitle{font-size:2.5rem;text-align:center;color:var(--text-light);margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;background:#f8f9fa;border-radius:12px;text-align:center;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.feature-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 10px 40px #ff110026}.feature-icon{font-size:3rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;color:var(--primary-color)}.feature-icon svg{stroke:var(--primary-color)}.feature-card h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-dark)}.feature-card p{color:var(--text-light);line-height:1.6}.stats{padding:6rem 2rem;background:linear-gradient(135deg,var(--dark-bg) 0%,#1a1f3a 100%);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item{padding:2rem;text-align:center}.stat-icon{display:flex;justify-content:center;margin-bottom:1rem;color:var(--primary-color)}.stat-icon svg{stroke:var(--primary-color)}.stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:1.1rem;color:#fffc}.about{padding:6rem 2rem;background:#fff}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-dark)}.about-text p{font-size:1.1rem;color:var(--text-light);line-height:1.8;margin-bottom:1.5rem}.about-highlights{display:grid;gap:1rem;margin-top:2rem}.highlight{display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:var(--text-dark);font-weight:500}.highlight svg{flex-shrink:0;color:var(--primary-color);stroke:var(--primary-color)}.about-image{display:flex;justify-content:center;align-items:center}.image-placeholder{width:300px;height:300px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:8rem;box-shadow:0 20px 60px #0000001a}.cta{padding:6rem 2rem;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));color:#0059ff;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta h2{font-size:2.8rem;font-weight:800;margin-bottom:1rem;color:#0084ff;letter-spacing:.5px}.cta p{font-size:1.3rem;margin-bottom:2.5rem;color:#b700ff;letter-spacing:.3px}.cta .btn-primary{background:#fff;color:var(--primary-color);box-shadow:0 4px 15px #0003}.cta .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.footer{background:var(--dark-bg);color:#fff;padding:4rem 2rem 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;justify-content:center;gap:0;padding:0;margin:0}.footer-logo-img{height:60px;width:auto;object-fit:contain;transition:transform .3s ease;display:block;padding:0;margin:0}.footer-logo:hover .footer-logo-img{transform:scale(1.1)}.footer-section h4{font-size:1.2rem;margin-bottom:1rem;color:var(--primary-color)}.footer-section p{color:#ffffffb3;line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--primary-color)}.social-links{display:flex;gap:1rem}.social-icon{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;background:#f103;border-radius:50%;color:var(--primary-color);text-decoration:none;transition:all .3s ease;font-weight:700}.social-icon svg{color:var(--primary-color);fill:var(--primary-color)}.social-icon:hover{background:var(--primary-color);color:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #ff11004d}.social-icon:hover svg{color:#fff;fill:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column}.btn{width:100%;text-align:center}.nav-links{gap:1rem}.nav-link{display:none}.nav-links .btn{padding:.5rem 1rem;font-size:.9rem}.section-title{font-size:2rem}.hero-illustration{display:none}.about-content{grid-template-columns:1fr}.image-placeholder{width:200px;height:200px;font-size:5rem}.cta h2{font-size:2rem}.cta p{font-size:1.1rem}}@media(max-width:768px){.nav-container{padding:0 1rem}.nav-links{gap:.5rem}.nav-link{font-size:.9rem}.btn{padding:.5rem 1rem;font-size:.9rem}.hero-content{max-width:90%;padding:2rem 1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;gap:1rem}.btn-large{width:100%}.features-grid,.stats-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}.footer-content{grid-template-columns:1fr}.section-title{font-size:2.2rem}}@media(max-width:480px){.logo-img{height:50px}.nav-logo{height:60px}.nav-links{gap:.3rem}.nav-link{font-size:.8rem;display:none}.btn{padding:.4rem .8rem;font-size:.8rem}.hero{padding-top:65px}.hero-content{max-width:95%;padding:1.5rem 1rem;border-radius:15px}.hero-title{font-size:1.8rem;margin-bottom:.8rem}.hero-subtitle{font-size:.9rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;gap:.8rem}.btn-large{width:100%;padding:.8rem 1rem;font-size:.9rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1.5rem}.stat-item{padding:1.5rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}.section-title{font-size:1.8rem}.footer-content{grid-template-columns:1fr;gap:2rem}}.section-animate{opacity:0}.next-class-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 8px 25px #00000014;border:1px solid #e5e7eb;position:relative;overflow:hidden}.next-class-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.classes-container{min-height:200px}.classes-list{display:flex;flex-direction:column;gap:1rem}.class-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(0)}.class-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f;border-color:#667eea}.class-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:calc(100% - 2px);margin:1px 0;border-top-left-radius:16px;border-bottom-left-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2)}.class-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#cbd5e1}.class-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.class-type-indicator{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 6px #0000001a}.class-info{flex:1}.class-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem;line-height:1.3}.class-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;font-weight:500}.class-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #667eea4d}.class-actions{display:flex;gap:.75rem;flex-wrap:wrap}.join-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;transform:scale(1);min-width:120px;justify-content:center}.join-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000026}.join-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.join-btn:hover:before{width:300px;height:300px}.join-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.zoom-btn{background:#fff;color:#2d8cff;border:1px solid #2D8CFF;box-shadow:0 4px 6px #2d8cff26}.zoom-btn:hover:not(:disabled){background:#2d8cff;color:#fff;transform:translateY(-1px);box-shadow:0 6px 12px #2d8cff40}.zoom-btn:hover:not(:disabled) svg path,.zoom-btn:hover:not(:disabled) svg rect{stroke:#fff}.youtube-btn{background:#fff;color:red;border:1px solid #FF0000;box-shadow:0 4px 6px #ff000026}.youtube-btn:hover:not(:disabled){background:red;color:#fff;transform:translateY(-1px);box-shadow:0 6px 12px #ff000040}.youtube-btn:hover:not(:disabled) svg path.youtube-bg{fill:#fff}.youtube-btn:hover:not(:disabled) svg path.youtube-play{fill:red}.youtube-btn:hover:not(:disabled) svg rect,.youtube-btn:hover:not(:disabled) svg polygon{stroke:#fff;fill:#fff}@media(max-width:768px){.next-class-section,.class-card{padding:1rem}.class-header{flex-direction:column;gap:.75rem;align-items:flex-start}.class-type-indicator{width:2.5rem;height:2.5rem}.class-title{font-size:1rem}.class-actions{gap:.5rem}.join-btn{flex:1;min-width:auto;padding:.5rem .75rem;font-size:.8125rem}}@media(max-width:480px){.class-header{flex-direction:row;align-items:center}.class-type-indicator{width:2rem;height:2rem}.class-title{font-size:.9375rem}.class-actions{flex-direction:column}.join-btn{width:100%}}.class-card{animation:slideInUp .3s ease-out}.class-card.active{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 6px #0000000d}50%{box-shadow:0 8px 25px #667eea26}}.upcoming-exam-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 8px 25px #00000014;border:1px solid #e5e7eb;position:relative;overflow:hidden}.upcoming-exam-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#f97316)}.exams-container{min-height:200px}.exams-list{display:flex;flex-direction:column;gap:1rem}.exam-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(0)}.exam-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ef444426;border-color:#ef4444}.exam-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:calc(100% - 2px);margin:1px 0;border-top-left-radius:16px;border-bottom-left-radius:16px;background:linear-gradient(135deg,#f59e0b,#d97706)}.exam-card.urgent{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fca5a5}.exam-card.urgent:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.exam-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.exam-card.urgent:hover{box-shadow:0 8px 25px #ef444426}.exam-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.exam-type-indicator{width:3rem;height:3rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 6px #f59e0b40}.exam-card.urgent .exam-type-indicator{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 6px #ef444440}.exam-info{flex:1}.exam-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem;line-height:1.3}.exam-subject{font-size:.875rem;color:#64748b;font-weight:500}.urgent-badge{display:flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ef44444d;animation:pulse 2s infinite}.exam-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem;background:#f8fafccc;border-radius:.5rem;border:1px solid #f1f5f9}.exam-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;font-weight:500}.exam-detail-item.date-with-countdown{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;width:100%}.exam-detail-item svg{color:#64748b}.exam-countdown{margin-bottom:1rem;text-align:center}.countdown{display:inline-block;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.countdown:not(.urgent):not(.today):not(.overdue){background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b98140}.countdown.urgent{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 4px #f59e0b40;animation:pulse 2s infinite}.countdown.today{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444440;animation:pulse 1s infinite}.countdown.overdue{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 2px 4px #6b728040}.countdown-inline{font-size:.75rem;font-weight:600;margin-left:.5rem;color:#64748b}.countdown-inline.urgent{color:#d97706}.countdown-inline.today{color:#dc2626}.countdown-inline.overdue{color:#4b5563}.exam-actions{display:flex;justify-content:center}.exam-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 6px #667eea40}.exam-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 6px 12px #667eea4d}.exam-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.empty-state,.error-state{text-align:center;padding:3rem 2rem}.empty-state svg,.error-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state p{color:#64748b;margin:0;font-size:.875rem}.error-state p{color:#ef4444;margin:0 0 1rem;font-weight:500}@media(max-width:768px){.upcoming-exam-section,.exam-card{padding:1rem}.exam-header{flex-direction:column;gap:.75rem;align-items:flex-start}.exam-type-indicator{width:2.5rem;height:2.5rem}.exam-title{font-size:1rem}.exam-details{flex-direction:column;gap:.75rem}.exam-detail-item{justify-content:center}}@media(max-width:480px){.exam-header{flex-direction:row;align-items:center}.exam-type-indicator{width:2rem;height:2rem}.exam-title{font-size:.9375rem}.exam-details{padding:.75rem}.exam-btn{width:100%;justify-content:center}}.exam-card{animation:slideInUp .3s ease-out}.calendar-section{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 8px 25px #00000014;border:1px solid #e5e7eb;height:fit-content;position:relative;overflow:hidden}.calendar-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669)}.calendar-layout{display:flex;flex-direction:column;gap:1.5rem}.calendar-main{min-height:320px;width:100%;max-width:100%;background:#fff;border-radius:16px;padding:1rem;border:1px solid #e5e7eb}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.nav-btn{background:#667eea1a;border:1px solid rgba(102,126,234,.2);padding:.75rem;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#667eea}.nav-btn:hover{background:#667eea33;border-color:#667eea;transform:scale(1.05);background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.month-year h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0;text-align:center;min-width:180px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.weekday{text-align:center;font-size:.7rem;color:#64748b;padding:.5rem;text-transform:uppercase;letter-spacing:.5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.15rem;margin-bottom:.5rem}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;min-height:50px;border-radius:12px}.calendar-day.empty{cursor:default;background:transparent;border:none}.calendar-day:not(.empty):hover{background:#f8fafc;border-color:#cbd5e1;transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.calendar-day.today{background:#8b5cf626;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#7c3aed;border:2px solid rgba(139,92,246,.3);font-weight:600;box-shadow:0 4px 12px #8b5cf626}.calendar-day.today .day-number{color:#7c3aed}.day-number{font-size:.9rem;font-weight:600;color:#334155}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#64748b}.loading-spinner-small{width:24px;height:24px;border:2px solid #f3f4f6;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media(max-width:768px){.calendar-section{padding:.75rem;border-radius:16px}.calendar-main{padding:.75rem;min-height:280px}.calendar-header{margin-bottom:.75rem}.month-year h3{font-size:1rem}.nav-btn{width:2rem;height:2rem}.calendar-weekdays{margin-bottom:.5rem}.weekday{font-size:.75rem;padding:.25rem}.calendar-day{min-height:40px}.day-number{font-size:.8rem}}@media(max-width:480px){.calendar-section{padding:.75rem;border-radius:12px}.calendar-header{flex-direction:column;gap:.75rem;align-items:center}.nav-buttons{order:-1}.calendar-main{padding:.5rem;min-height:250px}.calendar-day{min-height:35px}.day-number{font-size:.75rem}}.loading-container{--spinner-color: #6366f1;--spinner-bg: rgba(255, 255, 255, .95);--accent-1: #ec4899;--accent-2: #8b5cf6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;width:100%;min-height:300px;background:var(--spinner-bg);position:relative;overflow:hidden}.loading-container.full-page{position:fixed;inset:0;z-index:9999;min-height:100vh;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spinner__orbs{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.15}.orb-1{width:200px;height:200px;background:var(--spinner-color);top:-50px;right:-50px;animation:float 8s ease-in-out infinite}.orb-2{width:150px;height:150px;background:var(--accent-1);bottom:-30px;left:-30px;animation:float 10s ease-in-out infinite reverse}.orb-3{width:180px;height:180px;background:var(--accent-2);top:50%;left:50%;transform:translate(-50%,-50%);animation:float 12s ease-in-out infinite}.loading-spinner.small{--ring-size: 60px}.loading-spinner.medium{--ring-size: 100px}.loading-spinner.large{--ring-size: 140px}.spinner{position:relative;width:var(--ring-size);height:var(--ring-size);display:flex;align-items:center;justify-content:center;z-index:10}.spinner__ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:var(--spinner-color);border-right-color:var(--accent-2)}.spinner__ring--outer{animation:rotateCW 2s linear infinite;opacity:.8}.spinner__ring--middle{width:75%;height:75%;top:12.5%;left:12.5%;border-top-color:var(--accent-2);border-right-color:var(--accent-1);animation:rotateCCW 1.5s linear infinite;opacity:.6}.spinner__ring--inner{width:50%;height:50%;top:25%;left:25%;border-top-color:var(--accent-1);border-right-color:var(--spinner-color);animation:rotateCW 1s linear infinite;opacity:.4}.spinner__center{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5}.spinner__center-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--spinner-color),var(--accent-2));box-shadow:0 0 20px #6366f199;animation:pulse-dot 2s ease-in-out infinite}.loading-text{margin-top:2.5rem;font-size:1rem;font-weight:600;text-align:center;z-index:10;position:relative}.loading-text__main{background:linear-gradient(135deg,var(--spinner-color),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.loading-text__dots{display:inline-flex;gap:4px;margin-left:4px}.loading-text__dots span{width:4px;height:4px;border-radius:50%;background:var(--spinner-color);animation:dot-bounce 1.4s infinite}.loading-text__dots span:nth-child(1){animation-delay:0s}.loading-text__dots span:nth-child(2){animation-delay:.2s}.loading-text__dots span:nth-child(3){animation-delay:.4s}@keyframes rotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes dot-bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@media(prefers-color-scheme:dark){.loading-container{--spinner-bg: rgba(17, 24, 39, .95)}.loading-text__main{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-text__dots span{background:#a5b4fc}}@media(max-width:768px){.loading-container{padding:2rem 1rem;min-height:250px}.loading-text{margin-top:1.5rem;font-size:.9rem}}.student-dashboard{padding:1rem;max-width:100%;margin:0;animation:fadeIn .5s ease-out}.welcome-section{margin-bottom:2rem}.welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:2rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 40px #667eea26}.welcome-card: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:float 8s ease-in-out infinite}.welcome-content{position:relative;z-index:1}.welcome-greeting{text-align:center}.welcome-title-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.index-badge{display:none;background:#ffffff1a;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;margin-top:.5rem;color:#fffffff2;white-space:nowrap;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.index-label{font-weight:500;opacity:.9;font-size:.85em}.index-value{font-weight:600;background:#ffffff26;padding:.15rem .6rem;border-radius:10px;display:inline-block}.welcome-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.student-name{color:gold;text-shadow:0 2px 4px rgba(0,0,0,.1)}.welcome-subtitle{font-size:1.1rem;opacity:.9;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.dashboard-left{display:flex;flex-direction:column;gap:2rem}.dashboard-right{position:sticky;top:2rem}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .25rem;line-height:1.2}.section-subtitle{font-size:.875rem;color:#64748b;margin:0}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem 2rem;color:#64748b}.loading-spinner-small{width:24px;height:24px;border:2px solid #f3f4f6;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-state svg,.empty-state svg{color:#94a3b8;margin-bottom:1rem}.error-state h3,.empty-state h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.error-state p,.empty-state p{font-size:.875rem;margin:0 0 1rem}.retry-btn{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#5a67d8;transform:translateY(-1px)}@media(max-width:768px){.index-badge{display:inline-flex}.welcome-title{margin-bottom:0}.welcome-subtitle{margin-top:1rem}}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-right{position:static}.welcome-stats{gap:1rem}.stat-card{min-width:120px;padding:1rem}}@media(max-width:768px){.student-dashboard{padding:1rem}.welcome-card{padding:1.5rem}.welcome-content{flex-direction:column;text-align:center;gap:1.5rem}.welcome-title{font-size:1.8rem}.welcome-subtitle{font-size:1rem}.welcome-illustration{order:-1}.welcome-illustration svg{width:100px;height:100px}.dashboard-left{gap:1.5rem}}@media(max-width:480px){.welcome-section{padding:1rem}.welcome-content h1{font-size:1.25rem}.welcome-subtitle{font-size:.875rem}.stat-card{padding:.75rem;min-width:90px}.stat-icon{width:2.5rem;height:2.5rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}}.student-dashboard{animation:fadeInUp .5s ease-out}.about-page{padding:2rem;max-width:1000px;margin:0 auto}.anrip-info{background:#fff;border-radius:24px;padding:3rem 2.5rem;color:#1f2937;border:1px solid #e5e7eb;box-shadow:0 25px 70px #0000001a,inset 0 1px #ffffff80;margin-bottom:2rem;position:relative;overflow:hidden}.anrip-header{text-align:center;margin-bottom:2rem}.anrip-header h2{font-size:2rem;font-weight:800;color:#1f2937;margin:0 0 .5rem;letter-spacing:.5px}.anrip-header p{font-size:1rem;color:#6b7280;margin:0}.anrip-info:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,130,246,.03) 0%,transparent 70%);animation:rotate 25s linear infinite}.anrip-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;position:relative;z-index:1}.stat-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;padding:2rem;display:flex;align-items:flex-start;gap:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid #e5e7eb;box-shadow:0 4px 15px #0000000d}.stat-card:hover{background:linear-gradient(135deg,#fff,#f9fafb);transform:translateY(-8px) scale(1.02);box-shadow:0 12px 35px #4f82f626;border-color:#3b82f6}.stat-card svg{flex-shrink:0;color:#3b82f6;filter:drop-shadow(0 2px 8px rgba(59,130,246,.2));transition:transform .3s ease}.stat-card:hover svg{transform:scale(1.2) rotate(-5deg)}.stat-card div{text-align:left}.stat-card h4{font-size:1.2rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.stat-card p{font-size:.95rem;margin:0;color:#6b7280;line-height:1.5}@media(max-width:768px){.anrip-info{padding:1.5rem}.anrip-stats{grid-template-columns:1fr;gap:1.5rem}.stat-card{padding:1.5rem}}.version-card-wrapper{margin-bottom:2rem}.version-card-wrapper .highlight-card{max-width:400px;margin:0 auto}.tech-stack-wrapper{margin:2rem 0;padding:1.5rem;background:#f9fafb;border-radius:16px;border:1px solid #e5e7eb;text-align:center}.contact-info-wrapper{margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.contact-info-wrapper h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;text-align:center}.company-details{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#f3e8ff);border-radius:16px;border:1px solid #e0e7ff}.company-details h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;text-align:center;letter-spacing:.5px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.service-item{padding:1rem 1.25rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s ease;animation:slideInUp .6s ease-out forwards;opacity:0}.service-icon-text{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:currentColor;letter-spacing:.5px}.service-item:nth-child(1){animation-delay:.05s}.service-item:nth-child(2){animation-delay:.1s}.service-item:nth-child(3){animation-delay:.15s}.service-item:nth-child(4){animation-delay:.2s}.service-item:nth-child(5){animation-delay:.25s}.service-item:nth-child(6){animation-delay:.3s}.service-item:nth-child(7){animation-delay:.35s}.service-item:nth-child(8){animation-delay:.4s}.service-item:nth-child(9){animation-delay:.45s}.service-item:nth-child(10){animation-delay:.5s}.service-item:nth-child(11){animation-delay:.55s}.service-item:nth-child(12){animation-delay:.6s}.service-item:nth-child(13){animation-delay:.65s}.service-item:nth-child(14){animation-delay:.7s}.service-item:nth-child(15){animation-delay:.75s}.service-item:nth-child(16){animation-delay:.8s}.service-item:hover{border-color:#4f82f6;box-shadow:0 8px 24px #4f82f633;transform:translateY(-4px);background:linear-gradient(135deg,#f0f9ff,#fff)}.service-icon{flex-shrink:0;width:28px;height:28px;color:#4f82f6;transition:all .3s ease;animation:iconPulse 2s ease-in-out infinite}.service-item:hover .service-icon{color:#2563eb;transform:scale(1.2) rotate(10deg);animation:none}.service-item span{font-size:.95rem;color:#374151;font-weight:500;line-height:1.5;transition:color .3s ease}.service-item:hover span{color:#1f2937}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPulse{0%,to{opacity:1}50%{opacity:.7}}.company-contact{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:2px solid #e0e7ff;text-align:center}.company-contact h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 2rem;letter-spacing:.5px}.contact-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.75rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;text-decoration:none;transition:all .3s ease;cursor:pointer;animation:slideInUp .6s ease-out forwards;opacity:0}.contact-link:nth-child(1){animation-delay:.9s}.contact-link:nth-child(2){animation-delay:.95s}.contact-link:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:transparent}.contact-link.whatsapp{color:#25d366}.contact-link.whatsapp svg{color:#25d366;stroke:#25d366}.contact-link.whatsapp:hover{background:linear-gradient(135deg,#25d366,#1fa855);box-shadow:0 8px 24px #25d3664d}.contact-link.whatsapp:hover svg{color:#fff;stroke:#fff}.contact-link.whatsapp:hover .contact-info-text{color:#fff}.contact-link.facebook{color:#1877f2}.contact-link.facebook:hover{background:linear-gradient(135deg,#1877f2,#0a66c2);box-shadow:0 8px 24px #1877f24d}.contact-link.facebook:hover svg,.contact-link.facebook:hover .contact-info-text{color:#fff}.contact-link svg{width:40px;height:40px;flex-shrink:0;transition:all .3s ease}.contact-info-text{display:flex;flex-direction:column;align-items:flex-start;transition:all .3s ease}.contact-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.contact-value{font-size:1rem;font-weight:700;margin-top:.25rem}@media(max-width:768px){.company-details{padding:1.5rem;margin-top:1.5rem}.services-grid{grid-template-columns:1fr;gap:.75rem}.service-item{padding:.875rem 1.25rem}.company-details h3{font-size:1.25rem;margin-bottom:1rem}.company-contact{padding:1.5rem;margin-top:1.5rem}.company-contact h3{font-size:1.25rem;margin-bottom:1.5rem}.contact-links{flex-direction:column;gap:1rem}.contact-link{padding:1rem 1.5rem;justify-content:center}.contact-info-text{align-items:center}}.about-container{display:flex;flex-direction:column;gap:2rem}.about-header{text-align:center;margin-bottom:2rem}.about-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.about-header p{font-size:1.1rem;color:#6b7280}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.about-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 25px #00000014;border:1px solid #e5e7eb;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.about-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.card-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4f46e5;border:1px solid #e5e7eb}.about-card h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.about-card p{color:#6b7280;line-height:1.6}.about-info{background:#fff;border-radius:24px;padding:2.5rem;color:#1f2937;text-align:center;border:1px solid #e5e7eb;box-shadow:0 25px 70px #0000001a,inset 0 1px #ffffff80;margin-bottom:1.5rem;position:relative;overflow:hidden}.about-info:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.03) 0%,transparent 70%);animation:rotate 25s linear infinite}.dev-showcase{position:relative;z-index:1}.dev-badge{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.dev-badge svg{color:#3b82f6;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3));animation:float 3s ease-in-out infinite}.dev-badge span{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#6b7280}.dev-showcase h2{font-size:2.5rem;font-weight:900;margin-bottom:2rem;color:#1f2937;text-shadow:none;letter-spacing:1px}.dev-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-bottom:2rem}.highlight-card{background:#f9fafb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0000000d}.highlight-card:hover{background:#fff;transform:translateY(-5px) scale(1.02);box-shadow:0 8px 30px #0000001a;border-color:#3b82f6}.highlight-card svg{flex-shrink:0;color:#3b82f6;filter:drop-shadow(0 2px 8px rgba(59,130,246,.2));transition:transform .3s ease}.highlight-card:hover svg{transform:scale(1.15) rotate(5deg)}.highlight-card div{text-align:left}.highlight-card h4{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:#1f2937}.highlight-card p{font-size:.9rem;margin:0;color:#6b7280;line-height:1.5}.dev-mission{background:#f9fafb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e5e7eb;border-radius:16px;padding:2rem;margin-top:2rem}.dev-mission p{font-size:1.05rem;line-height:1.8;color:#4b5563;margin-bottom:1.5rem}.tech-stack{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.tech-stack span{padding:.6rem 1.2rem;background:#fff;border:1px solid #e5e7eb;border-radius:20px;font-size:.9rem;font-weight:600;color:#3b82f6;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.tech-stack span:hover{background:#3b82f6;color:red!important;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f64d}.contact-info{margin-top:2rem;padding:2.5rem;background:#fff;border-radius:24px;box-shadow:0 25px 70px #0000001a,inset 0 1px #ffffff80;position:relative;overflow:hidden;width:100%;border:1px solid #e5e7eb}.contact-info:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(118,75,162,.03) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.contact-header svg{color:#764ba2;filter:drop-shadow(0 4px 8px rgba(118,75,162,.3));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.contact-header div{text-align:left}.contact-header h3{color:#1f2937;font-size:1.8rem;font-weight:800;margin:0 0 .25rem;text-shadow:none;letter-spacing:.5px}.contact-header p{color:#6b7280;font-size:.95rem;margin:0;font-weight:400}.contact-methods{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;margin:0 auto;position:relative;z-index:1}.contact-category{margin-bottom:.5rem}.category-label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#764ba2;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:1px solid #e5e7eb;box-shadow:0 4px 15px #0000000d;transition:all .3s ease}.category-label:hover{background:#764ba2;color:#fff;border-color:#764ba2;transform:translate(5px)}.category-label svg{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(118,75,162,.2))}.contact-row{display:flex;justify-content:center;align-items:center;gap:1rem;padding:0;background:transparent;border:none;box-shadow:none;width:100%;animation:slideUp .6s ease-out forwards;opacity:0;flex-wrap:wrap}.contact-category:nth-child(1) .contact-row,.contact-category:nth-child(1)+.contact-row{animation-delay:.1s}.contact-category:nth-child(3) .contact-row,.contact-category:nth-child(3)+.contact-row{animation-delay:.2s}.contact-category:nth-child(5) .contact-row,.contact-category:nth-child(5)+.contact-row{animation-delay:.3s}.contact-category:nth-child(7) .contact-row,.contact-category:nth-child(7)+.contact-row{animation-delay:.4s}.category-label{animation:slideUp .6s ease-out forwards;opacity:0}.contact-category:nth-child(1) .category-label{animation-delay:.05s}.contact-category:nth-child(3) .category-label{animation-delay:.15s}.contact-category:nth-child(5) .category-label{animation-delay:.25s}.contact-category:nth-child(7) .category-label{animation-delay:.35s}@media(max-width:768px){.contact-row{flex-direction:column;align-items:center}.chat-button{width:100%;max-width:320px}.contact-header{flex-direction:column;text-align:center}.contact-header div{text-align:center}.contact-info,.about-info{padding:1.5rem}.dev-showcase h2{font-size:1.8rem}.dev-highlights{grid-template-columns:1fr}.tech-stack{gap:.75rem}.tech-stack span{font-size:.85rem;padding:.5rem 1rem}}.chat-button{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.8rem;border-radius:12px;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;color:#fff;border:none;box-shadow:0 4px 15px #0003;width:auto;min-width:150px;max-width:100%;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.chat-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.chat-button:hover:before{width:300px;height:300px}.chat-button:active{transform:scale(.95)}.chat-button.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 4px 20px #25d36666}.chat-button.whatsapp:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #25d36680}.chat-button.telegram{background:linear-gradient(135deg,#08c,#06a);box-shadow:0 4px 20px #08c6}.chat-button.telegram:hover{background:linear-gradient(135deg,#06a,#058);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #0088cc80}.chat-button.facebook{background:linear-gradient(135deg,#1877f2,#0e5fc7);box-shadow:0 4px 20px #1877f266}.chat-button.facebook:hover{background:linear-gradient(135deg,#0e5fc7,#0a4a99);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #1877f280}.chat-button.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 20px #e1306c66}.chat-button.instagram:hover{background:linear-gradient(135deg,#e6683c,#dc2743,#cc2366,#bc1888,#a01f7a);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #e1306c80}.chat-button.phone{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b98166}.chat-button.phone:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #10b98180}.chat-button.email-brand{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 4px 20px #dc262666}.chat-button.email-brand:hover{background:linear-gradient(135deg,#991b1b,#7f1d1d);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #dc262680}.chat-button.email-google{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #dadce0;box-shadow:0 4px 20px #0000001a}.chat-button.email-google span{color:#5f6368;font-weight:600}.chat-button.email-google:hover{background:linear-gradient(135deg,#f8f9fa,#e8eaed);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #00000026;border-color:#4285f4}.chat-button svg{flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.chat-button:hover svg{transform:scale(1.1) rotate(5deg)}.chat-button span{color:#fff;position:relative;z-index:1;font-weight:600;letter-spacing:.3px}.contact-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:transparent;border-radius:8px;border:none;text-decoration:none;color:#4b5563;font-size:.9rem;transition:all .2s ease}.contact-link:hover{background:#4f46e50d;transform:scale(1.02)}.contact-link svg{color:#4f46e5;flex-shrink:0}.contact-link span{color:#374151;font-weight:500}@media(max-width:768px){.contact-row{gap:.5rem;overflow-x:auto}.chat-button{padding:.5rem 1rem;font-size:.85rem;white-space:nowrap}.contact-link{padding:.4rem .8rem;font-size:.8rem;white-space:nowrap}.contact-link span{font-size:.75rem}}.dev-showcase{text-align:center;padding:2rem 1rem}.dev-badge{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.dev-badge svg{color:#4f46e5;margin-bottom:.75rem;transition:transform .3s ease}.dev-badge:hover svg{transform:translateY(-5px)}.dev-badge span{font-size:.9rem;color:#6b7280;letter-spacing:1px;text-transform:uppercase;font-weight:600}.dev-showcase h2{font-size:2.2rem;margin:.5rem 0 2rem;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.dev-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.highlight-card{background:#f9fafb;border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;text-align:left;transition:all .3s ease;border:1px solid #e5e7eb}.highlight-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000000d;border-color:#d1d5db}.highlight-card svg{color:#4f46e5;flex-shrink:0;margin-top:.25rem}.highlight-card h4{font-size:1.1rem;color:#1f2937;margin-bottom:.5rem}.highlight-card p{color:#6b7280;font-size:.95rem;margin:0;line-height:1.5}.dev-mission{max-width:800px;margin:2.5rem auto 0;padding-top:2rem;border-top:1px solid #e5e7eb}.dev-mission p{color:#4b5563;line-height:1.7;font-size:1.05rem;margin-bottom:1.5rem}.tech-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.tech-stack span{background:#f3f4f6;color:#4f46e5;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid #e5e7eb;transition:all .2s ease}.tech-stack span:hover{background:#eef2ff;transform:translateY(-2px)}.contact-info p{margin-bottom:.5rem}@media(max-width:768px){.about-page{padding:1rem}.about-header h1{font-size:2rem}.about-content{grid-template-columns:1fr;gap:1.5rem}.about-card,.about-info{padding:1.5rem}.about-info h2{font-size:1.5rem}}.help-page{padding:2rem;max-width:1000px;margin:0 auto}.help-container{display:flex;flex-direction:column;gap:2rem}.help-header{text-align:center;margin-bottom:2rem}.help-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.help-header p{font-size:1.1rem;color:#6b7280}.help-tabs{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}.tab-btn{padding:1rem 1.5rem;border:none;background:#667eea1a;font-size:1rem;font-weight:500;color:#667eea;cursor:pointer;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:2px solid rgba(102,126,234,.2)}.tab-btn.active{background:linear-gradient(135deg,#667eea33,#764ba233);color:#5a67d8;border-color:#667eea66;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.tab-btn:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-1px)}.faq-section h2{font-size:1.8rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.faq-question{width:100%;padding:1.5rem;border:none;background:none;text-align:left;font-size:1rem;font-weight:500;color:#1f2937;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.faq-question:hover{background:#f9fafb}.faq-icon{transition:transform .2s ease}.faq-icon.expanded{transform:rotate(180deg)}.faq-answer{padding:1rem 1.5rem;color:#6b7280;line-height:1.6;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-section h2{font-size:1.8rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.contact-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;text-align:center;transition:transform .2s ease}.contact-card:hover{transform:translateY(-2px)}.contact-icon{width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.whatsapp-icon{background:linear-gradient(135deg,#25d366,#128c7e)}.telegram-icon{background:linear-gradient(135deg,#08c,#06a)}.phone-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.email-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.contact-card h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.contact-card p{color:#6b7280;margin-bottom:.25rem}.chat-btn{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.chat-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)}.whatsapp-btn:hover{box-shadow:0 4px 12px #25d36666}.telegram-btn{background:linear-gradient(135deg,#08c,#06a)}.telegram-btn:hover{box-shadow:0 4px 12px #08c6}.phone-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.phone-btn:hover{box-shadow:0 4px 12px #667eea66}.email-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.email-btn:hover{box-shadow:0 4px 12px #f59e0b66}.guides-section h2{font-size:1.8rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.guide-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;transition:transform .2s ease}.guide-card:hover{transform:translateY(-2px)}.guide-card h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.guide-card p{color:#6b7280;margin-bottom:1rem;line-height:1.5}.guide-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.guide-btn:hover{background:#5a67d8}@media(max-width:768px){.help-page{padding:1rem}.help-header h1{font-size:2rem}.help-tabs{flex-direction:column;gap:0}.tab-btn{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.tab-btn.active{border-bottom-color:#667eea}.contact-methods,.guides-grid{grid-template-columns:1fr}}.results-container{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);padding:2rem}.results-loading{display:flex;justify-content:center;align-items:center;height:100%}.results-animation-container{position:relative;height:180px;margin-bottom:1rem;width:100%;display:flex;justify-content:center;align-items:center}.results-document{width:200px;height:160px;background-color:#fff;border-radius:8px;box-shadow:0 8px 20px #0000001a;overflow:hidden;position:relative;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.document-header{background:linear-gradient(90deg,#4f46e5,#8b5cf6);padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.document-title{color:#fff;font-size:.9rem;font-weight:600}.document-badge{background-color:#fff3;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px}.document-content{padding:12px}.document-line{height:6px;background-color:#e2e8f0;border-radius:3px;margin-bottom:10px;width:0;animation:lineGrow 1.5s forwards}.document-line:nth-child(1){width:0;animation-delay:.1s}.document-line:nth-child(2){width:0;animation-delay:.3s}.document-line:nth-child(3){width:0;animation-delay:.5s}.document-line:nth-child(4){width:0;animation-delay:.7s}@keyframes lineGrow{0%{width:0}to{width:90%}}.document-chart{display:flex;justify-content:space-around;align-items:flex-end;height:50px;padding:0 15px}.chart-bar{width:15%;background:linear-gradient(180deg,#4f46e5,#8b5cf6);border-radius:3px 3px 0 0;height:0;animation:barGrow 1.5s forwards}.chart-bar.bar1{animation-delay:.9s;height:0}.chart-bar.bar2{animation-delay:1.1s;height:0}.chart-bar.bar3{animation-delay:1.3s;height:0}.chart-bar.bar4{animation-delay:1.5s;height:0}@keyframes barGrow{0%{height:0}to{height:100%}}.progress-fill{height:100%;width:65%;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:6px;animation:progressFill 2s ease-out}@keyframes progressFill{0%{width:0}to{width:65%}}@media(max-width:768px){.maintenance-content{padding:2rem}.maintenance-title{font-size:2rem}.gear-container{height:100px}.gear.large{width:60px;height:60px;left:calc(50% - 50px)}.gear.small{width:40px;height:40px;left:calc(50% + 5px)}}.payment-container{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f0f9ff,#e1f1ff);padding:2rem;position:relative;overflow:hidden}.payment-loading{display:flex;justify-content:center;align-items:center;height:100%;z-index:2}.maintenance-container{width:100%;max-width:900px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 20px 60px #0000001a;overflow:hidden;animation:fadeIn .8s ease-out;z-index:2;position:relative}.payment-icon{position:relative;height:120px;margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.wallet{color:#4f46e5;animation:pulse 2s infinite}.wallet-body{animation:walletBody 4s infinite}.wallet-top{animation:walletTop 4s infinite}.card{animation:card 4s infinite}.card-circle{animation:cardCircle 4s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes walletBody{0%,40%,to{stroke:#4f46e5}50%,90%{stroke:#8b5cf6}}@keyframes walletTop{0%,40%,to{fill:#4f46e5}50%,90%{fill:#8b5cf6}}@keyframes card{0%,40%,to{stroke:#4f46e5}50%,90%{stroke:#8b5cf6}}@keyframes cardCircle{0%,40%,to{fill:#4f46e5}50%,90%{fill:#8b5cf6}}.payment-coins{position:absolute;bottom:0;right:calc(50% - 80px)}.coin{position:absolute;width:25px;height:25px;border-radius:50%;bottom:0}.coin.gold{background:linear-gradient(45deg,#f59e0b,#fbbf24);box-shadow:0 2px 6px #f59e0b66;animation:coinBounce 2s infinite;animation-delay:0s;right:0}.coin.silver{background:linear-gradient(45deg,#94a3b8,#cbd5e1);box-shadow:0 2px 6px #94a3b866;animation:coinBounce 2s infinite;animation-delay:.3s;right:20px}.coin.bronze{background:linear-gradient(45deg,#b45309,#d97706);box-shadow:0 2px 6px #b4530966;animation:coinBounce 2s infinite;animation-delay:.6s;right:40px}@keyframes coinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes progressFill{0%{width:0}to{width:75%}}@media(max-width:768px){.maintenance-content{padding:2rem}.maintenance-title{font-size:2rem}.payment-icon{height:100px}.wallet{width:80px;height:80px}}.exam-container{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem}.exam-loading{display:flex;justify-content:center;align-items:center;height:100%}.maintenance-container{width:100%;max-width:900px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 20px 60px #0000001a;overflow:hidden;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.maintenance-content{padding:3rem;text-align:center}.maintenance-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;animation:slideInDown .8s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.maintenance-message{margin:2rem 0;animation:fadeIn 1s ease-out .3s both}.maintenance-message h2{font-size:1.8rem;color:#4f46e5;margin-bottom:1rem}.maintenance-message p{font-size:1.1rem;color:#64748b;line-height:1.6;margin-bottom:1rem}.quiz-animation-container{position:relative;height:300px;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;perspective:1000px}.quiz-screen{width:90%;max-width:500px;height:280px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:float 3s ease-in-out infinite;transition:all .5s ease}@keyframes float{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(2deg)}}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #e2e8f0;padding-bottom:10px}.quiz-title{font-size:1.2rem;font-weight:600;color:#4f46e5}.quiz-timer{background:#4f46e5;color:#fff;padding:4px 10px;border-radius:20px;font-size:.9rem;font-weight:500;display:flex;align-items:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.quiz-question-number{font-size:.9rem;color:#64748b;margin-bottom:10px}.quiz-question{font-size:1.1rem;font-weight:500;color:#1e293b;margin-bottom:15px;min-height:50px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-options{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.quiz-option{padding:8px 15px;background:#f1f5f9;border-radius:8px;font-size:.95rem;color:#334155;cursor:pointer;transition:all .3s ease;animation:slideIn .5s ease-out;animation-fill-mode:both}.quiz-option:nth-child(1){animation-delay:.1s}.quiz-option:nth-child(2){animation-delay:.2s}.quiz-option:nth-child(3){animation-delay:.3s}.quiz-option:nth-child(4){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quiz-option:hover{background:#e2e8f0}.quiz-option.selected{background:#4f46e5;color:#fff;box-shadow:0 4px 10px #4f46e54d}.quiz-progress{height:6px;background:#e2e8f0;border-radius:3px;margin-top:auto;margin-bottom:15px;overflow:hidden}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:3px;transition:width .5s ease}.quiz-navigation{display:flex;justify-content:space-between;align-items:center}.quiz-button{padding:6px 12px;background:#f1f5f9;border:none;border-radius:6px;color:#4f46e5;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease}.quiz-button:hover{background:#e2e8f0}.quiz-pagination{display:flex;gap:6px}.quiz-page-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .3s ease}.quiz-page-dot.active{background:#4f46e5;transform:scale(1.2)}.progress-container{margin:2rem 0;animation:fadeIn 1s ease-out .6s both}.progress-bar{height:12px;background-color:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:6px;animation:progressFill 2s ease-out}@keyframes progressFill{0%{width:0}to{width:85%}}.progress-text{font-size:.9rem;color:#64748b;text-align:right}.features-coming{margin-top:2rem;text-align:left;animation:fadeIn 1s ease-out .9s both}.features-coming h3{font-size:1.3rem;color:#1e293b;margin-bottom:1rem}.features-coming ul{list-style-type:none;padding:0}.features-coming li{display:flex;align-items:center;margin-bottom:.8rem;font-size:1.1rem;color:#334155;animation:slideInRight .5s ease-out calc(1s + var(--i, 0) * .2s) both}.feature-dot{display:inline-block;width:10px;height:10px;background-color:#4f46e5;border-radius:50%;margin-right:10px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.back-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:2rem;animation:fadeIn 1s ease-out 1.2s both}.back-button svg{width:20px;height:20px}@media(max-width:768px){.maintenance-content{padding:2rem}.maintenance-title{font-size:2rem}.exam-animation-container{height:120px}.exam-paper{width:80px;height:100px;left:calc(50% - 40px)}.exam-pencil{width:100px;height:12px}.pencil-body{width:80px}.exam-clock,.exam-checkmark{width:50px;height:50px;top:35px}.exam-clock{left:calc(50% + 40px)}.exam-checkmark{left:calc(50% - 25px)}}@media(max-width:480px){.maintenance-content{padding:1.5rem}.maintenance-title{font-size:1.8rem}.maintenance-message h2{font-size:1.5rem}.maintenance-message p{font-size:1rem}}.course-page{width:100%;max-width:1200px;margin:0 auto;padding:20px}.course-header{margin-bottom:40px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%}.stat-card{background-color:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;border:1px solid #f0f0f0}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4361ee,#7209b7)}.stat-card:nth-child(1):before{background:linear-gradient(90deg,#4361ee,#3a0ca3)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#7209b7,#f72585)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#4cc9f0,#4361ee)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.stat-header{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.stat-icon{margin-right:8px}.stat-card h3{margin:0;font-size:16px;color:#212529;font-weight:600;letter-spacing:.3px}.stat-number{display:block;font-size:32px;font-weight:700;color:#4361ee;margin:8px 0}.stat-card:nth-child(1) .stat-number{color:#3a0ca3}.stat-card:nth-child(2) .stat-number{color:#7209b7}.stat-card:nth-child(3) .stat-number{color:#4cc9f0}.card-add-button{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;color:#4361ee;border:1px solid #e9ecef;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;margin-top:8px;width:85%}.card-add-button:hover{background-color:#4361ee;color:#fff;border-color:#4361ee}.card-add-button svg{margin-right:8px}.stat-card:nth-child(1) .card-add-button{color:#3a0ca3}.stat-card:nth-child(1) .card-add-button:hover{background-color:#3a0ca3;color:#fff;border-color:#3a0ca3}.stat-card:nth-child(2) .card-add-button{color:#7209b7}.stat-card:nth-child(2) .card-add-button:hover{background-color:#7209b7;color:#fff;border-color:#7209b7}.stat-card:nth-child(3) .card-add-button{color:#4cc9f0}.stat-card:nth-child(3) .card-add-button:hover{background-color:#4cc9f0;color:#fff;border-color:#4cc9f0}.course-section{margin-bottom:40px}.course-section h2{font-size:20px;font-weight:700;margin-bottom:20px;color:#212529;position:relative;padding-bottom:10px}.course-section h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:#4361ee}.subject-badge,.category-badge,.teacher-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:12px;margin-right:6px;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.subject-badge:hover,.category-badge:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000014}.teacher-badge:before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21' stroke='%233a56d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='7' r='4' stroke='%233a56d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.payment-badge{display:flex;align-items:center;margin-top:10px;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:500}.payment-badge svg{margin-right:6px}.payment-badge.paid{background-color:#10b9811a;color:#10b981;border-left:2px solid #10b981}.payment-badge.unpaid{background-color:#ef44441a;color:#ef4444;border-left:2px solid #ef4444}.card-link{display:block;text-align:center;padding:12px;background-color:#f8f9fa;color:#4361ee;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s ease}.card-link:hover{background-color:#e9ecef}.card-link.disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.9;position:relative;overflow:hidden}.card-link.disabled.payment-required-container{display:flex;text-align:left}.payment-required-container{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid rgba(0,0,0,.05);transition:all .3s ease}.payment-required-container:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.payment-lock{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-right:10px}.payment-lock:before{content:"";position:absolute;inset:0;background-color:#ef44441a;border-radius:50%;animation:pulse 2s infinite;z-index:1}.payment-lock .lock-icon,.lock-icon{width:14px;height:14px;position:relative;z-index:2;color:#ef4444;display:flex;align-items:center;justify-content:center}button .lock-icon{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.payment-message{display:flex;flex-direction:column;flex-grow:1;padding:0 10px}.payment-text{font-weight:600;font-size:14px;color:#ef4444}.payment-subtext{font-size:12px;color:#6c757d;margin-top:2px}.payment-arrow{color:#6c757d;opacity:.7;transition:transform .3s ease}.payment-required-container:hover .payment-arrow{transform:translate(3px)}.course-loading{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px);width:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.error-container{display:flex;justify-content:center;align-items:center;height:300px;padding:20px}.error{background-color:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;padding:20px 30px;text-align:center;max-width:500px;box-shadow:0 2px 10px #0000000d}.error h3{color:#dc3545;margin-top:0;margin-bottom:15px;font-size:20px}.error p{color:#6c757d;margin-bottom:10px}.error p:first-of-type{font-weight:500;color:#495057}@media(max-width:992px){.stats-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-card{padding:15px}.stat-number{font-size:30px;margin:10px 0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:576px){.stats-container,.card-grid{grid-template-columns:1fr}.stat-card,.card-add-button{width:100%}}.teachers-page{width:100%;max-width:1200px;margin:0 auto;padding:20px}.filter-section{margin-bottom:40px;background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #00000014;border:1px solid #f0f0f0}.filter-section h2{font-size:22px;font-weight:700;margin-bottom:25px;color:#212529;position:relative;padding-bottom:10px}.filter-section h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:#4361ee}.filter-form{width:100%}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:flex-end}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:14px;font-weight:600;margin-bottom:8px;color:#495057;text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:12px 35px 12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;font-weight:500;color:#212529;background-color:#fff;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234361ee' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-group select:hover{border-color:#4361ee;box-shadow:0 2px 8px #4361ee1a}.filter-group select:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.search-button-group{display:flex;align-items:flex-end}.search-button{width:100%;padding:12px 24px;background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #4361ee4d}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4361ee66}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:disabled{opacity:.7;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:12px;margin-top:20px;padding:15px 20px;background-color:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;color:#dc3545;font-size:14px;font-weight:500;animation:slideIn .3s ease}.error-message svg{flex-shrink:0;color:#dc3545}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.results-section{margin-bottom:40px}.results-section h2{font-size:20px;font-weight:700;margin-bottom:20px;color:#212529;position:relative;padding-bottom:10px}.results-section h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:#4361ee}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.course-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.card-thumbnail{position:relative;width:100%;height:0;padding-top:66.67%;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.card-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-card:hover .card-thumbnail img{transform:scale(1.05)}.card-content{padding:20px;flex-grow:1}.card-content h3.card-title{margin:0 0 10px;font-size:18px;font-weight:700;color:#212529;letter-spacing:.2px}.telegram-quote{position:relative;background-color:#4f46e514;border-radius:4px;padding:8px 24px 8px 12px;margin:8px 0 12px;border-left:2px solid #4f46e5;overflow:hidden}.telegram-quote:after{content:"❞";position:absolute;top:2px;right:5px;font-size:16px;color:#4f46e5;font-family:serif;font-weight:700}.telegram-quote p{margin:0;font-size:14px;color:#495057;line-height:1.5;position:relative;z-index:1}.card-details{margin-top:15px}.schedule{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;background-color:#f8f9fa;border-radius:8px;padding:12px 15px}.schedule-item{display:flex;align-items:center;font-size:13px;color:#495057;position:relative}.icon{display:flex;align-items:center;justify-content:center;margin-right:10px;color:#4361ee}.schedule-text{font-weight:500;letter-spacing:.2px}.subject-badge,.category-badge,.teacher-badge,.price-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:12px;margin-right:6px;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.subject-badge:hover,.category-badge:hover,.price-badge:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000014}.subject-badge{background-color:#f3e5f5;color:#6a1b9a;border-left:3px solid #6a1b9a}.subject-icon,.category-icon{margin-right:6px}.category-badge{background-color:#e3f2fd;color:#1565c0;border-left:3px solid #1565c0}.category-badge.online{background-color:#d8f3dc;color:#2d6a4f;border-left:3px solid #2d6a4f}.category-badge.physical{background-color:#dbe7ff;color:#3a56d4;border-left:3px solid #3a56d4}.category-badge.theory{background-color:#fff3e0;color:#e65100;border-left:3px solid #e65100}.category-badge.revision{background-color:#e8eaf6;color:#3949ab;border-left:3px solid #3949ab}.category-badge.paper{background-color:#ffebee;color:#c62828;border-left:3px solid #c62828}.teacher-badge{background-color:#f0f4ff;color:#3a56d4;margin-top:12px;display:flex;align-items:center;border-left:3px solid #3a56d4}.teacher-badge:before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21' stroke='%233a56d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9' cy='7' r='4' stroke='%233a56d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.price-badge{background-color:#e8f5e9;color:#2e7d32;border-left:3px solid #2e7d32}.price-badge svg{margin-right:6px}.card-link{display:block;text-align:center;padding:12px;background-color:#f8f9fa;color:#4361ee;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s ease;border-top:1px solid #e9ecef}.card-link:hover{background-color:#e9ecef;color:#3a0ca3}.empty-state{background-color:#f8f9fa;border-radius:10px;padding:40px 30px;text-align:center;color:#6c757d;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{font-size:40px;margin-bottom:15px;color:#adb5bd}.empty-state h4{margin:0 0 10px;color:#495057;font-size:18px;font-weight:600}.empty-state p{margin:0 0 5px;font-size:15px;max-width:300px}.empty-state p:last-child{font-size:14px;color:#868e96;margin-top:10px}.initial-state{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:10px;padding:60px 30px;text-align:center;color:#6c757d;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.initial-icon{font-size:50px;margin-bottom:20px;color:#adb5bd}.initial-state h3{margin:0 0 10px;color:#495057;font-size:20px;font-weight:600}.initial-state p{margin:0;font-size:15px;color:#868e96;max-width:400px}@media(max-width:992px){.filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.teachers-page{padding:15px}.filter-section{padding:20px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.filter-group select{padding:10px 12px;font-size:13px}.search-button{padding:10px 20px;font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.filter-section h2,.results-section h2{font-size:18px}}@media(max-width:576px){.filter-grid,.card-grid{grid-template-columns:1fr}.filter-section{padding:15px}.filter-section h2{font-size:16px;margin-bottom:20px}.search-button{width:100%}.initial-state{padding:40px 20px;min-height:250px}.initial-icon{font-size:40px}.initial-state h3{font-size:18px}.initial-state p{font-size:14px}}.teacher-details-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;display:flex;flex-direction:column}.teacher-details-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.loading-spinner{position:relative;width:60px;height:60px}.spinner-circle{position:absolute;width:100%;height:100%;border:3px solid rgba(100,100,255,.1);border-radius:50%;animation:spin 2s linear infinite}.spinner-circle.inner{width:80%;height:80%;top:10%;left:10%;border-color:#6464ff4d;animation:spin 1.5s linear infinite reverse}.teacher-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;text-align:center}.error-icon{width:80px;height:80px;background:#ff64641a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#ff6464}.teacher-details-error h2{font-size:24px;color:#333;margin-bottom:10px}.teacher-details-error p{color:#666;margin-bottom:10px;font-size:14px}.details-header{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000001a;margin-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px}.header-content{display:flex;flex-direction:column;justify-content:center}.header-title-section h1{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:15px;line-height:1.2}.subject-badge{display:inline-flex;align-items:center;gap:8px;background:#f3e5f5;color:#6a1b9a;border-left:3px solid #6a1b9a;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;width:fit-content;margin-bottom:20px}.description-quote{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-left:4px solid #667eea;padding:16px;border-radius:8px;margin-bottom:20px}.quote-content{color:#555;font-size:14px;line-height:1.6;font-style:italic}.badges-container{display:flex;flex-direction:column;gap:10px;width:100%}.badge-item{display:flex;align-items:stretch;width:100%}.category-badge,.level-badge,.year-badge,.teacher-badge{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid;width:100%;height:36px;flex:1}.category-badge{background:#6496ff1a;border-color:#6496ff;color:#4070dd}.level-badge{background:#ff96641a;border-color:#ff9664;color:#d64}.year-badge{background:#64ff961a;border-color:#64ff96;color:#4d6}.teacher-badge{background:#ffc8641a;border-color:#ffc864;color:#d94}.header-image{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000026}.header-image img{width:100%;height:100%;object-fit:cover;display:block}.details-content{flex:1}.content-section{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 10px 40px #0000001a}.content-section h2{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:20px;display:flex;align-items:center;gap:10px}.content-section h2:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.schedule-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.schedule-item{display:flex;gap:15px;padding:16px;background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-radius:12px;transition:all .3s ease}.schedule-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.schedule-icon{width:50px;height:50px;background:#667eea;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.schedule-details h3{font-size:12px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.schedule-details p{font-size:16px;font-weight:600;color:#1a1a1a}.social-links{display:flex;gap:15px;flex-wrap:wrap}.social-button{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s ease;border:2px solid;cursor:pointer}.social-button.telegram{background:linear-gradient(135deg,#08c,#06a);color:#fff;border-color:#08c}.social-button.telegram:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0088cc4d}.social-button.whatsapp{background:linear-gradient(135deg,#25d366,#20ba5a);color:#fff;border-color:#25d366}.social-button.whatsapp:hover{transform:translateY(-2px);box-shadow:0 10px 25px #25d3664d}.details-footer{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 40px #0000001a;margin-top:auto}.footer-buttons-column{display:flex;gap:15px;justify-content:center}.back-button,.add-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;min-width:180px}.back-button{background:linear-gradient(135deg,#e9ecef,#dee2e6);color:#495057;border:1px solid #dee2e6}.back-button:hover{background:linear-gradient(135deg,#dee2e6,#ced4da);transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid transparent}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.add-button:disabled{opacity:.6;cursor:not-allowed}.add-button.enrolled{background:linear-gradient(135deg,#25d366,#20ba5a)}.add-button.loading{opacity:.8}.add-button .spinner{animation:spin 1s linear infinite}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;max-width:350px}.toast-close{background:none;border:none;padding:0;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:color .2s ease}@media(max-width:768px){.details-header{grid-template-columns:1fr;gap:20px;padding:20px}.header-title-section h1{font-size:24px}.schedule-info{grid-template-columns:1fr}.footer-buttons-column{flex-direction:column}.back-button,.add-button{width:100%}.toast-container{top:10px;right:10px;left:10px;max-width:none}.content-section,.details-footer{padding:20px}}@media(max-width:480px){.teacher-details-container{padding:10px}.details-header{padding:15px;margin-bottom:20px}.header-title-section h1{font-size:20px}.badges-container{gap:8px}.category-badge,.level-badge,.year-badge,.teacher-badge{font-size:11px;padding:6px 12px}.content-section{padding:15px;margin-bottom:20px}.content-section h2{font-size:18px;margin-bottom:15px}.schedule-item{padding:12px;gap:12px}.schedule-icon{width:40px;height:40px}.schedule-details p{font-size:14px}.social-button{padding:10px 16px;font-size:12px}.back-button,.add-button{padding:12px 20px;font-size:13px;min-width:140px}.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{padding:12px 16px;gap:10px}.toast-icon{width:20px;height:20px}.toast-content{font-size:13px}}.attend-container{max-width:1200px;margin:0 auto;padding:2rem}.attend-header{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem}.header-content{flex:1;min-width:300px;display:flex;flex-direction:column;gap:1.5rem}.header-title-section{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.header-content h1{font-size:2.2rem;font-weight:700;margin:0;color:#1e293b;line-height:1.2}.header-image{flex:1;min-width:300px;max-width:500px;position:relative}.header-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;object-fit:cover}.description-quote{position:relative;background-color:#4f46e514;border-radius:4px;padding:8px 24px 8px 12px;margin:8px 0 12px;border-left:2px solid #4f46e5;overflow:hidden}.description-quote:after{content:"❞";position:absolute;top:2px;right:5px;font-size:16px;color:#4f46e5;font-family:serif;font-weight:700}.quote-content{margin:0;font-size:14px;color:#495057;line-height:1.5;position:relative;z-index:1;padding:0;background:transparent}.subject-badge,.category-badge,.teacher-badge{display:inline-flex;align-items:center;margin-right:1rem;margin-bottom:.5rem;padding:.4rem .75rem;background-color:#4f46e51a;border-radius:4px;font-size:.85rem;font-weight:500;color:#4f46e5;height:auto;line-height:1.2}.subject-badge svg,.category-badge svg,.teacher-badge svg{margin-right:.5rem;flex-shrink:0}.category-badge{background-color:#10b9811a;color:#10b981}.teacher-badge{background-color:#f973161a;color:#f97316}.attend-content{display:flex;flex-direction:column;gap:2rem}.content-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem}.content-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#1e293b;position:relative;padding-bottom:.75rem}.content-section h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:#4f46e5;border-radius:2px}.description-box{background-color:#f8fafc;border-radius:8px;padding:1.5rem;line-height:1.6;color:#334155}.schedule-info{display:flex;flex-wrap:wrap;gap:1.5rem}.schedule-item{display:flex;align-items:flex-start;flex:1;min-width:250px;background-color:#f8fafc;border-radius:8px}.schedule-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#4f46e51a;border-radius:50%;margin-right:1rem;color:#4f46e5}.schedule-details h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#334155}.schedule-details p{color:#64748b;font-size:.95rem}.join-links{display:flex;flex-wrap:wrap;gap:1rem}.join-button{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;flex:1;min-width:200px;position:relative;overflow:hidden}.join-icon{margin-right:.75rem}.join-button.zoom{background-color:#2d8cff;color:#fff}.join-button.zoom:hover{background-color:#2681eb}.join-button.youtube{background-color:red;color:#fff}.join-button.youtube:hover{background-color:#e50000}.join-button.doc{background-color:#10b981;color:#fff}.join-button.doc:hover{background-color:#0ea271}.join-button.locked{background-color:#94a3b8;cursor:not-allowed}.join-button.locked:hover{background-color:#94a3b8}.attend-footer{margin-top:2rem;display:flex;justify-content:center}.footer-buttons-column{display:flex;flex-direction:column;gap:1rem;align-items:center}@media(max-width:480px){.back-button,.remove-button{width:100%;max-width:250px}}.back-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-width:fit-content}.back-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.remove-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;width:var(--button-width, fit-content)}.remove-button:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.withdrawal-modal{background-color:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 25px #0003;overflow:hidden;animation:modal-appear .3s ease-out}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;color:#1e293b}.close-button{background:none;border:none;cursor:pointer;color:#64748b;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background-color:#f1f5f9;color:#0f172a}.modal-content{padding:1.5rem}.withdrawal-step{display:flex;flex-direction:column;align-items:center;text-align:center}.info-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;margin-bottom:1.5rem}.info-icon.warning{background-color:#fef3c7;color:#d97706}.info-icon.danger{background-color:#fee2e2;color:#dc2626}.info-icon.password{background-color:#e0e7ff;color:#4f46e5}.withdrawal-step p{margin:0 0 1.5rem;font-size:1rem;line-height:1.6;color:#334155}.final-warning{font-weight:600;font-size:1.1rem!important;color:#dc2626!important}.password-input-container{width:100%;margin-bottom:1.5rem}input[type=password]{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;transition:all .2s ease;background-color:#fff;color:#1e293b;appearance:none;-webkit-appearance:none}input[type=password]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}input[type=password].error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.password-input-container{width:100%;margin-bottom:1.5rem;position:relative}input[type=password]::placeholder{color:#94a3b8;opacity:1}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;text-align:left;font-weight:500;display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.modal-buttons{display:flex;gap:1rem;justify-content:center;width:100%}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;max-width:200px}.modal-button:not(.cancel):not(.delete):not(.continue){background-color:#4f46e5;color:#fff}.modal-button:not(.cancel):not(.delete):not(.continue):hover{background-color:#4338ca}.modal-button.cancel{background-color:#f1f5f9;color:#64748b}.modal-button.cancel:hover{background-color:#e2e8f0;color:#334155}.modal-button.continue{background-color:#4f46e5;color:#fff}.modal-button.continue:hover{background-color:#4338ca}.modal-button.delete{background-color:#ef4444;color:#fff}.modal-button.delete:hover{background-color:#dc2626}.modal-button.loading{position:relative;color:transparent;pointer-events:none}.button-loader{position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:button-spin 1s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:350px}.toast{background-color:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;animation:toast-slide-in .3s ease-out forwards;transition:all .3s ease;overflow:hidden}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.toast.success .toast-icon{color:#10b981}.toast.error .toast-icon{color:#ef4444}.toast-content{flex-grow:1;font-size:14px;color:#1e293b}.toast-close{background:none;border:none;padding:0;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:color .2s ease}.toast-close:hover{color:#64748b}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.attend-loading{display:flex;justify-content:center;align-items:center;height:60vh;background:#fff}.loading-spinner{position:relative;width:80px;height:80px}.spinner-circle{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#4f46e5;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-circle.inner{width:70%;height:70%;top:15%;left:15%;border-top-color:#8b5cf6;animation:spin 1s linear infinite reverse}.attend-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;max-width:600px;margin:2rem auto;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}.error-icon{color:#ef4444;margin-bottom:1.5rem}.attend-error h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#1e293b}.attend-error p{color:#64748b;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.attend-redirect{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px);width:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.redirect-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;max-width:500px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}.redirect-icon{color:#4f46e5;margin-bottom:1.5rem}.redirect-content h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#1e293b}.redirect-content p{color:#64748b;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.redirect-loader{width:50px;height:10px;margin:1rem 0;background:linear-gradient(90deg,#4f46e5,#8b5cf6,#4f46e5);background-size:200% 100%;border-radius:5px;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.redirect-button{display:inline-flex;align-items:center;justify-content:center;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;margin-top:1rem}.redirect-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}@media(max-width:768px){.attend-container{padding:1rem}.attend-header{padding:1.5rem}.header-content h1{font-size:1.8rem}.content-section{padding:1.5rem}.schedule-item,.join-button{min-width:100%}}@media(max-width:480px){.attend-header{padding:1rem}.header-content h1{font-size:1.5rem}.content-section{padding:1rem}.schedule-icon{width:40px;height:40px}}.recording-view-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;position:relative;min-height:calc(100vh - 80px)}.recording-header{margin-bottom:20px}.back-button{display:inline-flex;align-items:center;gap:8px;color:#475569;text-decoration:none;font-weight:500;transition:color .2s ease;padding:8px 12px;border-radius:6px;background-color:#f1f5f9}.back-button:hover{color:#3b82f6;background-color:#e2e8f0}.recording-hero{height:300px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;position:relative;margin-bottom:24px;box-shadow:0 10px 25px -5px #0000001a}.recording-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000c,#0006,#0000001a);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:#fff}.recording-title{font-size:32px;font-weight:700;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.recording-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.recording-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffe6}.recording-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.tab-button{padding:12px 24px;background:none;border:none;font-size:16px;font-weight:500;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;transition:all .2s ease}.tab-button svg{color:currentColor}.tab-button.active{color:#3b82f6}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#3b82f6}.tab-button:hover:not(.active){color:#1e40af;background-color:#f8fafc}.recording-tab-content{min-height:400px}.info-tab{padding:10px 0}.recording-description h2{font-size:20px;font-weight:600;color:#334155;margin-bottom:16px}.recording-description p{font-size:16px;line-height:1.6;color:#475569}.watch-tab{padding:10px 0}.recording-player-container{background-color:#f8fafc;border-radius:12px;padding:30px;box-shadow:0 4px 6px -1px #0000001a}.player-options h2{font-size:20px;font-weight:600;color:#334155;margin-bottom:8px}.player-options p{font-size:16px;color:#64748b;margin-bottom:24px}.player-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.player-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border-radius:12px;border:none;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;transition:all .3s ease;gap:12px;position:relative;overflow:hidden}.player-button:hover:not(.disabled){transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.player-button.disabled{opacity:.6;cursor:not-allowed}.player-button:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.player-button.youtube:before{background:linear-gradient(90deg,red,#ff5252)}.player-button.web:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.player-button.zoom:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.button-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:8px}.player-button.youtube .button-icon{color:red}.player-button.web .button-icon{color:#3b82f6}.player-button.zoom .button-icon{color:#2563eb}.player-button span{font-size:16px;font-weight:600;color:#334155}.button-status{font-size:12px;padding:4px 8px;border-radius:4px;margin-top:8px}.button-status.available{background-color:#dcfce7;color:#166534}.button-status.unavailable{background-color:#fef2f2;color:#991b1b}.security-notice-box{display:flex;align-items:flex-start;gap:16px;background-color:#eff6ff;border-left:4px solid #3b82f6;padding:16px;border-radius:8px}.security-icon{color:#3b82f6;flex-shrink:0}.security-text h4{font-size:16px;font-weight:600;color:#1e40af;margin:0 0 8px}.security-text p{font-size:14px;color:#334155;margin:0;line-height:1.5}.toast-message{position:fixed;top:20px;right:20px;z-index:2000;animation:slideInRight .3s ease-out forwards}.toast-content{display:flex;align-items:center;gap:12px;background-color:#334155;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:350px}.toast-icon{color:#3b82f6;flex-shrink:0}.toast-content p{margin:0;font-size:14px;line-height:1.5}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.video-player-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.video-player-wrapper{width:90%;max-width:1200px;background-color:#1e293b;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh}.player-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#0f172a;color:#fff;border-bottom:1px solid #334155}.player-header h3{margin:0;font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.close-player-button{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-player-button:hover{background-color:#334155;color:#fff}.embedded-player{position:relative;width:100%;height:0;padding-bottom:56.25%;background-color:#000}.embedded-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.player-footer{padding:12px 20px;background-color:#0f172a;border-top:1px solid #334155}.security-badge{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:12px}.security-badge svg{color:#3b82f6}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;padding:40px;margin:40px auto;max-width:500px;box-shadow:0 4px 20px #00000014;text-align:center}.error-icon{margin-bottom:24px}.error-container h2{color:#1e293b;margin:0 0 16px;font-size:24px;font-weight:600}.error-container p{color:#64748b;margin:0 0 24px;font-size:16px;line-height:1.6}.error-container button{background-color:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease}.error-container button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}@media(max-width:768px){.recording-hero{height:250px}.recording-title{font-size:24px}.player-buttons{grid-template-columns:1fr}}@media(max-width:576px){.recording-hero{height:200px}.recording-title{font-size:20px}.recording-meta{flex-direction:column;gap:10px}.tab-button{padding:10px 16px;font-size:14px}}.account-container{max-width:100%;margin:0;padding:20px;background:#f5f7fa;min-height:100vh;border-radius:0}@media(max-width:576px){.account-container{padding:12px}}.account-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;text-align:center;animation:fadeInDown .8s ease-out forwards;background:#fff;padding:30px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;max-width:1000px;margin-left:auto;margin-right:auto}.account-title-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:10px;justify-content:center}.account-icon{color:#667eea;animation:pulse 2s infinite;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.account-subtitle{color:#888;font-size:16px;margin-top:8px;opacity:0;animation:fadeIn .8s ease-out .3s forwards;font-weight:500}.account-title{font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:576px){.account-title{font-size:20px}}.account-sections{display:grid;grid-template-columns:1fr;gap:20px;max-width:1000px;margin:0 auto;padding:0 20px}@media(max-width:768px){.account-sections{padding:0 10px}}.account-sections.single-column{grid-template-columns:1fr}@media(min-width:768px){.account-sections:not(.single-column){grid-template-columns:1fr 1fr}}.account-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px;position:relative;overflow:hidden;animation:fadeInUp .8s ease-out forwards;border:1px solid #e8ecf1;max-width:1000px;margin:0 auto 30px;width:100%}.account-section:hover{box-shadow:0 4px 12px #00000014}@media(max-width:576px){.account-section{padding:18px;border-radius:10px;margin-bottom:20px}}.account-section:nth-child(2){animation-delay:.2s}.account-section:nth-child(3){animation-delay:.4s}.account-section:nth-child(4){animation-delay:.6s}.account-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.account-section:after{content:"";position:absolute;top:0;right:0;width:30px;height:30px;border-radius:0 0 0 30px;background-color:#f8f9fa;opacity:.5}.account-section:hover{box-shadow:0 6px 16px #0000001f}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e8ecf1;flex-wrap:wrap;gap:12px}@media(max-width:576px){.section-header{flex-direction:column;align-items:center;justify-content:center;gap:15px}.section-header>div{width:100%;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.section-header .btn{flex:1;min-width:120px;max-width:200px}}.section-title-wrapper{display:flex;align-items:center;gap:12px;flex:1}.section-icon{color:#667eea;animation:pulse 2s infinite;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.section-title{font-size:18px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-content{margin-top:20px}.form-group{margin-bottom:20px;position:relative;transition:all .3s ease}.form-group:hover .form-label{color:#4a6cf7}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-control{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:6px;transition:border-color .3s}.form-control:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.form-control.masked{background-color:#f5f5f5;color:#888;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr;gap:15px}@media(min-width:576px){.form-row{grid-template-columns:1fr 1fr}}.form-actions{display:flex;justify-content:flex-end;margin-top:25px;gap:10px;flex-wrap:wrap}@media(max-width:576px){.form-actions{flex-direction:column;justify-content:stretch}.form-actions .btn{width:100%}}.btn{padding:10px 16px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d;font-weight:600}.btn-primary:hover{box-shadow:0 4px 12px #667eea66}.btn-secondary{background-color:#000;color:#fff}.btn-secondary:hover{background-color:#09ff00;color:#333}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#d32f2f}.profile-picture-container{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;position:relative}.profile-picture{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 10px 30px #667eea66;margin-bottom:15px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.profile-picture:hover{transform:scale(1.08) rotate(5deg);box-shadow:0 15px 40px #667eea80}.profile-picture-container:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:linear-gradient(45deg,#4a6cf7,#7e56da);opacity:.1;z-index:0;top:-10px;animation:pulse 2s infinite}.profile-picture-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;justify-content:center}@media(max-width:576px){.profile-picture-actions{flex-direction:column;width:100%}.profile-picture-actions .btn{width:100%}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal{background:#fff;border-radius:12px;width:100%;max-width:450px;box-shadow:0 10px 25px #0003;position:relative;animation:modalSlideIn .3s ease-out;max-height:90vh;overflow-y:auto;animation:slideUp .4s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#888}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:576px){.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.loading-spinner{position:relative;width:80px;height:80px;margin:60px auto}.spinner-circle{position:absolute;border:4px solid rgba(74,108,247,.2);border-radius:50%;border-top-color:#4a6cf7;width:100%;height:100%;animation:spin 1s linear infinite}.spinner-circle.inner{width:70%;height:70%;top:15%;left:15%;border-top-color:#4a6cf7;border-right-color:#4a6cf7;animation-duration:.8s;animation-direction:reverse}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px}.loading-text{margin-top:20px;font-size:16px;color:#4a6cf7;animation:pulse 1.5s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000}.toast{background-color:#333;color:#fff;padding:12px 20px;border-radius:6px;margin-top:10px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease-out forwards}.toast.success{background-color:#4caf50}.toast.error{background-color:#f44336}.toast.warning{background-color:#ff9800}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.no-data{color:#f44336;font-style:italic}.form-value{font-size:16px;color:#333;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8f9fb;border-radius:8px;transition:all .3s ease;border:1px solid #e8ecf1}.form-value:hover{background:#f0f3f8}.masked-value{display:flex;align-items:center;gap:8px;color:#888;font-style:italic}.masked-value svg,.date-display svg{color:#667eea;flex-shrink:0}.date-display{display:flex;align-items:center;gap:8px;color:#333}.encrypted-field-note{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:12px;color:#888;font-style:italic}.error-note{color:#f44336}.date-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%;transition:border-color .3s}.date-input:focus{border-color:#4a6cf7;outline:none;box-shadow:0 0 0 2px #4a6cf733}.date-input.disabled{background-color:#f5f5f5;cursor:not-allowed;color:#888;border-color:#ddd}.password-strength{margin-top:8px;height:5px;border-radius:3px;background-color:#eee;overflow:hidden}.password-strength-bar{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.password-strength-text{font-size:12px;margin-top:5px}.weak{background-color:#f44336;width:25%}.fair{background-color:#ff9800;width:50%}.good{background-color:#2196f3;width:75%}.strong{background-color:#4caf50;width:100%}.app{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html{scroll-behavior:smooth;overscroll-behavior:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;scroll-behavior:smooth;overscroll-behavior:none;background:#f8fafc}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scroll-behavior:smooth}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){body{font-size:14px}}@media(max-width:480px){body{font-size:13px}}