.footer{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;margin-top:80px;padding:60px 0 0;position:relative}.footer:before{background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer .container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}.footer .footer-content{display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:40px}.footer .footer-brand{display:flex;flex-direction:column}.footer .footer-logo-container{align-items:center;display:flex;gap:18px;margin-bottom:15px}.footer .footer-logo{align-items:center;border-radius:12px;display:flex;font-size:24px;height:50px;justify-content:center;transition:transform .2s ease;width:60px}.footer .footer-logo:hover{transform:scale(1.05)}.footer .footer-brand-text h3{font-size:1.5rem;font-weight:700;margin:0 0 5px}.footer .footer-brand-subtitle{font-size:.9rem;font-weight:400;opacity:.9}.footer .footer-slogan{font-size:1rem;line-height:1.6;margin-top:10px;opacity:.9}.footer .footer-section h4{font-size:1.1rem;font-weight:600;margin-bottom:20px;position:relative}.footer .footer-links{list-style:none;margin:0;padding:0}.footer .footer-links li{margin-bottom:12px}.footer .footer-links a{align-items:center;color:#fff;display:flex;font-size:.95rem;gap:8px;opacity:.9;padding:5px 0;text-decoration:none;transition:opacity .2s ease}.footer .footer-links a:hover{opacity:1}.footer .footer-links a i{font-size:1rem;width:20px}.footer .contact-info{list-style:none;margin:0;padding:0}.footer .contact-info li{align-items:flex-start;display:flex;font-size:.95rem;gap:12px;margin-bottom:15px;opacity:.9}.footer .contact-info i{font-size:1.1rem;margin-top:2px;min-width:20px}.footer .contact-info a{color:#fff;text-decoration:none;transition:opacity .2s ease}.footer .contact-info a:hover{opacity:1}.footer .footer-bottom{align-items:center;border-top:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:25px 0}.footer .footer-copyright{font-size:.9rem;opacity:.8}.footer .footer-copyright p{line-height:1.6;margin:0}.footer .footer-social{display:flex;gap:15px}.footer .social-link{align-items:center;background:hsla(0,0%,100%,.1);border-radius:10px;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;text-decoration:none;transition:background-color .2s ease;width:40px}.footer .social-link:hover{background:#fff;color:#2563eb}.footer .whatsapp-float{align-items:center;background:#25d366;border-radius:50%;bottom:25px;box-shadow:0 4px 20px rgba(37,211,102,.4);color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;position:fixed;right:25px;text-decoration:none;transition:transform .2s ease;width:60px;z-index:1000}.footer .whatsapp-float:hover{background:#20b858;color:#fff;transform:scale(1.1)}@media (max-width:992px){.footer .footer-content{gap:30px;grid-template-columns:2fr 1fr 1fr}.footer .footer-section:nth-child(4){grid-column:3}}@media (max-width:768px){.footer{margin-top:60px;padding:40px 0 0}.footer .footer-content{gap:30px;grid-template-columns:1fr}.footer .footer-section:nth-child(4){grid-column:1}.footer .footer-bottom{flex-direction:column;gap:20px;text-align:center}.footer .footer-copyright{order:2}.footer .footer-social{order:1}.footer .whatsapp-float{bottom:20px;font-size:24px;height:55px;right:20px;width:55px}}@media (max-width:480px){.footer .container{padding:0 15px}.footer .footer-logo-container{align-items:flex-start;flex-direction:column;gap:10px}.footer .footer-brand-text h3{font-size:1.3rem}.footer .footer-section h4{font-size:1rem}.footer .footer-social{gap:10px}.footer .social-link{font-size:1rem;height:35px;width:35px}.footer .contact-info li{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.footer .footer-logo,.footer .social-link,.footer .whatsapp-float{transition:none}.footer .footer-logo:hover,.footer .whatsapp-float:hover{transform:none}}.site-header{--header-height:70px;--header-bg:#fff;--header-shadow:0 2px 8px rgba(0,0,0,.08);--primary-color:#2563eb;--primary-hover:#1d4ed8;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--transition:all 0.2s ease;background:var(--header-bg);box-shadow:var(--header-shadow);position:sticky;top:0;width:100%;z-index:1000}.site-header .header-container{margin:0 auto;max-width:100%;padding:0 20px}.site-header .header-nav{align-items:center;display:flex;gap:20px;height:var(--header-height);justify-content:space-between}.site-header .navbar-brand{align-items:center;color:var(--text-primary);display:flex;flex-shrink:0;gap:12px;text-decoration:none;transition:opacity .2s ease}.site-header .navbar-brand:hover{opacity:.8}.site-header .logo-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.site-header .brand-info{display:flex;flex-direction:column;line-height:1.2}.site-header .brand-title{color:var(--text-primary);font-size:20px;font-weight:700}.site-header .brand-subtitle{color:var(--text-secondary);font-size:12px;font-weight:400}.site-header .nav-menu{display:none;flex:1;justify-content:flex-end}.site-header .nav-list{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0}.site-header .nav-item{display:flex}.site-header .nav-link{align-items:center;border-radius:8px;color:var(--text-primary);display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.site-header .nav-link:hover{background:rgba(37,99,235,.08);color:var(--primary-color)}.site-header .nav-link.active{background:var(--primary-color);color:#fff}.site-header .nav-link i{font-size:18px}.site-header .profile-wrapper{display:none;position:relative}.site-header .profile-button{align-items:center;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 16px;transition:border-color .2s ease,background-color .2s ease;white-space:nowrap}.site-header .profile-button:hover{background:rgba(37,99,235,.08);border-color:var(--primary-color);color:var(--primary-color)}.site-header .profile-button i:first-child{font-size:18px}.site-header .dropdown-arrow{font-size:12px;transition:transform .2s ease}.site-header .profile-button:hover .dropdown-arrow{transform:rotate(180deg)}.site-header .profile-dropdown{background:var(--header-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);margin-top:8px;min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;visibility:hidden;z-index:1001}.site-header .profile-dropdown.active{opacity:1;transform:translateY(0);visibility:visible}.site-header .profile-header{border-bottom:1px solid var(--border-color);padding:16px}.site-header .profile-email{color:var(--text-secondary);font-size:14px;font-weight:500}.site-header .profile-menu{list-style:none;padding:8px 0}.site-header .profile-menu-item{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:background-color .2s ease}.site-header .profile-menu-item:hover{background:rgba(37,99,235,.08);color:var(--primary-color)}.site-header .profile-menu-item.logout{color:#dc2626}.site-header .profile-menu-item.logout:hover{background:rgba(220,38,38,.08);color:#dc2626}.site-header .mobile-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.site-header .mobile-tutorial{align-items:center;background:var(--primary-color);border:2px solid transparent;border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;height:40px;padding:8px 14px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.site-header .mobile-tutorial:hover{background:var(--primary-hover);box-shadow:0 4px 12px rgba(37,99,235,.2);color:#fff;transform:translateY(-1px)}.site-header .mobile-tutorial i{font-size:14px}.site-header .menu-toggle{align-items:center;background:transparent;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.site-header .menu-toggle:hover{background:rgba(37,99,235,.08);border-color:var(--primary-color)}.site-header .menu-toggle i{color:var(--text-primary);font-size:18px}.site-header .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.site-header .menu-toggle{overflow:hidden;position:relative}.site-header .menu-toggle:before{animation:orbit-border 20s linear infinite;background:linear-gradient(45deg,transparent 40%,rgba(37,99,235,.8),rgba(29,78,216,.9),rgba(37,99,235,.8),transparent 60%);background-size:300% 300%;border-radius:10px;bottom:-2px;content:"";left:-2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0;padding:4px;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}@keyframes orbit-border{0%{background-position:0 0;opacity:.3}25%{background-position:100% 0;opacity:.8}50%{background-position:100% 100%;opacity:1}75%{background-position:0 100%;opacity:.8}to{background-position:0 0;opacity:.3}}.site-header .menu-toggle:hover:before{animation:none;opacity:0}.site-header .mobile-menu{background:var(--header-bg);border-top:1px solid var(--border-color);display:none;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.site-header .mobile-menu.active{display:block;max-height:500px;padding:12px 0}.site-header .mobile-nav-list{list-style:none;margin:0;padding:0}.site-header .mobile-nav-link{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:500;gap:12px;padding:14px 20px;position:relative;text-decoration:none;transition:background-color .2s ease}.site-header .mobile-nav-link:after{background:var(--border-color);bottom:0;content:"";height:1px;left:20px;opacity:.5;position:absolute;right:20px}.site-header .mobile-nav-link:last-child:after{display:none}.site-header .mobile-nav-link:hover{background:rgba(37,99,235,.08);color:var(--primary-color)}.site-header .mobile-nav-link.active{background:rgba(37,99,235,.12);border-left:3px solid var(--primary-color);color:var(--primary-color)}.site-header .mobile-nav-link i{font-size:20px;text-align:center;width:24px}.site-header .mobile-menu-divider{background:var(--border-color);height:1px;margin:8px 20px;opacity:.5}.site-header .mobile-profile-section{padding:16px 20px 8px}.site-header .mobile-profile-header{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:12px}.site-header .mobile-profile-header i{font-size:16px;text-align:center;width:20px}.site-header .mobile-profile-email{color:var(--text-secondary);font-size:13px}.site-header .mobile-logout{color:#dc2626!important}.site-header .mobile-logout:hover{background:rgba(220,38,38,.08)!important;color:#dc2626!important}@media (max-width:767px){.site-header .header-container{padding:0 16px}.site-header .brand-title{font-size:18px}.site-header .brand-subtitle{font-size:11px}.site-header .logo-icon{font-size:18px;height:36px;width:36px}.site-header .profile-wrapper{display:none}.site-header .mobile-actions{gap:6px}.site-header .mobile-tutorial{font-size:12px;height:38px;padding:7px 12px}.site-header .mobile-tutorial i{font-size:13px}.site-header .menu-toggle{height:38px;width:38px}.site-header .menu-toggle i{font-size:17px}}@media (min-width:768px) and (max-width:1023px){.site-header .header-container{padding:0 24px}.site-header .menu-toggle{display:flex}.site-header .nav-menu,.site-header .profile-wrapper{display:none}.site-header .mobile-actions{display:flex}}@media (min-width:1024px){.site-header .header-container{padding:0 24px}.site-header .nav-menu{display:flex}.site-header .menu-toggle{display:none}.site-header .mobile-actions{display:none!important}.site-header .profile-wrapper{display:block}.site-header .mobile-menu{display:none!important}}@media (min-width:1280px){.site-header .header-container{padding:0 32px}}@media (min-width:1536px){.site-header .header-container{padding:0 40px}}@media (prefers-reduced-motion:reduce){.site-header .menu-toggle,.site-header .mobile-menu,.site-header .mobile-nav-link,.site-header .mobile-tutorial,.site-header .nav-link,.site-header .navbar-brand,.site-header .profile-button,.site-header .profile-dropdown{transition:none}.site-header .mobile-tutorial:hover,.site-header .profile-button:hover .dropdown-arrow{transform:none}.site-header .menu-toggle:hover:before{animation:none}}.site-header .mobile-menu{display:block;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.site-header .mobile-menu.active{opacity:1;transform:translateY(0)}.site-header .menu-toggle i{transition:transform .3s ease}.site-header .menu-toggle.active i{transform:rotate(90deg)}.hero-section{background:linear-gradient(135deg,#1e73ff,#1664d1 50%,#1267dd);overflow:hidden;position:relative}.hero-section:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" opacity=".1" viewBox="0 0 1200 800"><path fill="%23fff" d="M0 0h1200v800H0zm300 200c50 0 100 50 150 50s100-50 150-50 100 50 150 50 100-50 150-50 100 50 150 50v400c-50 0-100-50-150-50s-100 50-150 50-100-50-150-50-100 50-150 50-100-50-150-50z"/></svg>');background-size:cover;content:"";inset:0;position:absolute}.hero-section:after{background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,hsla(0,0%,100%,.08) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.hero-title{animation:fadeIn .6s ease-out .3s forwards;font-size:clamp(1.8rem,4vw,3rem);opacity:0}.hero-subtitle{animation:fadeIn .6s ease-out .5s forwards;color:hsla(0,0%,100%,.9);opacity:0}.hero-description{animation:fadeIn .6s ease-out .7s forwards;font-weight:400;opacity:.9;opacity:0}.hero-divider{animation:fadeIn .6s ease-out .9s forwards;background:hsla(0,0%,100%,.5);border-radius:2px;height:3px;opacity:0;width:100px}.hero-stats{animation:fadeIn .6s ease-out 1.1s forwards;opacity:0}.stat-item{animation:fadeIn .4s ease-out forwards;opacity:0}.stat-item:first-child{animation-delay:1.3s}.stat-item:nth-child(2){animation-delay:1.5s}.stat-item:nth-child(3){animation-delay:1.7s}.stat-item:nth-child(4){animation-delay:1.9s}.stat-icon{align-items:center;background:hsla(0,0%,100%,.15);border-radius:50%;display:flex;height:75px;justify-content:center;transition:background-color .2s ease;width:75px}.stat-icon:hover{background:hsla(0,0%,100%,.25)}.stat-icon i{color:#fff;font-size:1.8rem}.stat-number{color:#fff;font-size:1.5rem;font-weight:700}.stat-label{color:hsla(0,0%,100%,.9);font-size:.9rem}.hero-actions{animation:fadeIn .6s ease-out 1.1s forwards;opacity:0}.hero-btn{transition:background-color .2s ease}.hero-btn:hover{background:hsla(0,0%,100%,.1)}.scroll-indicator{bottom:30px;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.stat-icon{height:60px;width:60px}.stat-icon i{font-size:1.5rem}.stat-number{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.hero-actions,.hero-description,.hero-divider,.hero-stats,.hero-subtitle,.hero-title,.stat-item{animation:none;opacity:1}.hero-btn,.stat-icon{transition:none}}.gradient-text{background:linear-gradient(45deg,#d0f0fd,#a0e0ff,#50bfff,#1e90ff);-webkit-background-clip:text;background-size:300% 300%;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite!important;background-clip:text;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}:root{--bg-primary:#fff;--text-primary:#1e293b}*{box-sizing:border-box;margin:0;padding:0}#main-body body{background:var(--bg-primary);color:var(--text-primary);font-family:system-ui,sans-serif;line-height:1.6}.fa-file-pdf{color:red;font-size:1.2em}.fa-calendar{color:#2563eb;font-size:1.2em}.subject-blue{background:#2563eb}.subject-green{background:#10b981}.subject-purple{background:#8b5cf6}.subject-orange{background:#f59e0b}.subject-teal{background:#14b8a6}.subject-red{background:#ef4444}.subject-pink{background:#ec4899}.subject-indigo{background:#6366f1}.subject-yellow{background:#eab308}#splash-screen{transition:opacity .5s ease,visibility .5s ease}#splash-screen.fade-out{opacity:0;visibility:hidden}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.htmx-swapping{opacity:0;transition:opacity .9s ease-out}.htmx-added,.htmx-settling{opacity:1;transition:opacity .9s ease-in}#splash-screen{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:visible;width:100%;z-index:9999}#splash-screen.splash-hidden{opacity:0;pointer-events:none;visibility:hidden}.splash-logo{animation:pulse 2s ease-in-out infinite;height:180px;margin-bottom:20px;width:180px}.splash-loader{background-color:#e0e0e0;border-radius:2px;height:4px;overflow:hidden;position:relative;width:60px}.splash-loader:after{animation:loading 1.5s ease-in-out infinite;background-color:#3b82f6;border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:30%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes loading{0%{left:-30%}to{left:100%}}.notices-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:80px 0}.notices-section .section-header{margin-bottom:40px}.notices-section .section-title{color:#2563eb;font-size:2.5rem;font-weight:700;margin-bottom:15px}.notices-section .section-description{color:#64748b;font-size:1.1rem;margin:0 auto;max-width:700px}.notices-section .notice-type-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:40px}.notices-section .notice-type-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 32px;transition:border-color .2s ease,color .2s ease}.notices-section .notice-type-btn:hover{border-color:#2563eb;color:#2563eb}.notices-section .notice-type-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.notices-section .notices-grid{display:flex;gap:24px;overflow-x:auto;padding:20px 0;scroll-behavior:auto}.notices-section .notices-grid::-webkit-scrollbar{height:8px}.notices-section .notices-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.notices-section .notices-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.notices-section .notice-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;display:flex;flex:0 0 350px;flex-direction:column;min-width:350px;padding:30px;transition:box-shadow .2s ease}.notices-section .notice-card:hover{box-shadow:0 6px 20px rgba(37,99,235,.12)}.notices-section .notice-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.notices-section .notice-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:14px;color:#2563eb;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.notices-section .notice-class-badge,.notices-section .notice-institution-badge{background:#2563eb;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 14px}.notices-section .notice-institution-badge{display:inline-block;margin-bottom:15px}.notices-section .notice-title{color:#1e293b;flex-grow:1;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:20px}.notices-section .notice-card:hover .notice-title{color:#2563eb}.notices-section .notice-info{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-top:15px}.notices-section .notice-size,.notices-section .notice-year{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:6px}.notices-section .btn-notice-download{align-items:center;background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;text-decoration:none;transition:background-color .2s ease;width:100%}.notices-section .btn-notice-download:hover{background:#1d4ed8;color:#fff}.notices-section .no-results{color:#64748b;flex-shrink:0;padding:60px 20px;text-align:center;width:100%}.notices-section .no-results i{color:#cbd5e1;font-size:4rem;margin-bottom:20px}.notices-section .no-results p{font-size:1.2rem;font-weight:500}.notices-section .loading-spinner{color:#64748b;padding:40px 20px;text-align:center}.notices-section .loading-spinner i{font-size:2rem;margin-bottom:15px}@media (max-width:768px){.notices-section{padding:40px 0}.notices-section .section-title{font-size:1.8rem}.notices-section .section-description{font-size:1rem}.notices-section .notice-type-buttons{flex-direction:column;gap:12px;margin-bottom:30px}.notices-section .notice-type-btn{font-size:.95rem;justify-content:center;padding:12px 24px;width:100%}.notices-section .notice-card{flex:0 0 280px;min-width:280px;padding:20px}.notices-section .notice-icon{font-size:20px;height:50px;width:50px}.notices-section .notice-title{font-size:1.1rem;margin-bottom:15px}.notices-section .btn-notice-download{font-size:.95rem;padding:12px 20px}}@media (max-width:480px){.notices-section{padding:30px 0}.notices-section .section-title{font-size:1.5rem}.notices-section .section-description{font-size:.9rem}.notices-section .notice-card{flex:0 0 260px;min-width:260px;padding:16px}.notices-section .notice-header{align-items:flex-start;flex-direction:column;gap:10px}.notices-section .notice-class-badge,.notices-section .notice-institution-badge{align-self:flex-start;font-size:.8rem;padding:5px 12px}.notices-section .notice-icon{font-size:18px;height:45px;width:45px}.notices-section .notice-title{font-size:1rem}.notices-section .notice-info{align-items:flex-start;flex-direction:column;gap:8px}.notices-section .notice-size,.notices-section .notice-year{font-size:.8rem}.notices-section .btn-notice-download{font-size:.9rem;padding:10px 16px}.notices-section .no-results{padding:40px 16px}.notices-section .no-results i{font-size:3rem}.notices-section .no-results p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.notices-section .btn-notice-download,.notices-section .notice-card,.notices-section .notice-type-btn{transition:none}.notices-section .notice-card:hover .notice-title{color:#1e293b}}.notice-card{animation:fadeInNoticeCard .5s ease-out forwards;opacity:0}.notice-card:first-child{animation-delay:.1s}.notice-card:nth-child(2){animation-delay:.2s}.notice-card:nth-child(3){animation-delay:.3s}.notice-card:nth-child(4){animation-delay:.4s}.notice-card:nth-child(5){animation-delay:.5s}.notice-card:nth-child(n+6){animation-delay:.6s}@keyframes fadeInNoticeCard{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-details-container{background:#fff;border-radius:1.25rem;box-shadow:0 .375rem 1.5rem rgba(0,0,0,.08);margin:0 auto;max-width:75rem;padding:1.875rem}.quiz-details-container .quiz-details-header{align-items:flex-start;border-bottom:.125rem solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin-bottom:1.875rem;padding-bottom:1.5625rem}.quiz-details-container .quiz-details-info{flex:1;min-width:18.75rem}.quiz-details-container .quiz-details-title{color:#1e293b;font-size:1.8rem;font-weight:700;line-height:1.3;margin:0 0 .9375rem}.quiz-details-container .quiz-details-meta{display:flex;flex-wrap:wrap;gap:.75rem}.quiz-details-container .quiz-meta-item{align-items:center;background:#f1f5f9;border-radius:1.125rem;color:#475569;display:flex;font-size:.9rem;font-weight:600;gap:.375rem;padding:.375rem .875rem}.quiz-details-container .quiz-meta-item i{color:#2563eb;font-size:1rem}.quiz-details-container .quiz-status{align-items:center;border-radius:.75rem;display:flex;font-weight:600;gap:.625rem;padding:.625rem 1.125rem}.quiz-details-container .quiz-status.completed{background:#d1fae5;border:.125rem solid #a7f3d0;color:#065f46}.quiz-details-container .quiz-status.incomplete{background:#fef3c7;border:.125rem solid #fcd34d;color:#92400e}.quiz-details-container .results-summary{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));margin-bottom:1.875rem}.quiz-details-container .result-stat{align-items:center;background:#f8fafc;border:.125rem solid #e2e8f0;border-radius:.875rem;display:flex;gap:.875rem;padding:1.25rem}.quiz-details-container .result-stat-icon{align-items:center;border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;font-size:1.6rem;height:3.4375rem;justify-content:center;width:3.4375rem}.quiz-details-container .result-stat-correct{background:#10b981}.quiz-details-container .result-stat-wrong{background:#ef4444}.quiz-details-container .result-stat-score{background:#2563eb}.quiz-details-container .result-stat-grade{background:#f59e0b}.quiz-details-container .result-stat-info{display:flex;flex-direction:column;gap:.25rem}.quiz-details-container .result-stat-label{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.03125rem;text-transform:uppercase}.quiz-details-container .result-stat-value{color:#1e293b;font-size:1.8rem;font-weight:700}.quiz-details-container .score-visualization{background:#f8fafc;border:.125rem solid #e2e8f0;border-radius:.75rem;margin-bottom:2.1875rem;padding:1.25rem}.quiz-details-container .score-bar-container{background:#e2e8f0;border-radius:.625rem;height:.75rem;margin-bottom:.625rem;overflow:hidden;width:100%}.quiz-details-container .score-bar{background:#2563eb;border-radius:.625rem;height:100%}.quiz-details-container .score-labels{color:#64748b;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between}.quiz-details-container .answers-review{background:#f8fafc;border:.125rem solid #e2e8f0;border-radius:.875rem;margin-bottom:1.875rem;padding:1.5625rem}.quiz-details-container .review-header{align-items:center;display:flex;flex-wrap:wrap;gap:.9375rem;justify-content:space-between;margin-bottom:1.5625rem}.quiz-details-container .review-title{align-items:center;color:#1e293b;display:flex;font-size:1.4rem;font-weight:700;gap:.625rem;margin:0}.quiz-details-container .review-title i{color:#2563eb}.quiz-details-container .review-stats{display:flex;gap:.9375rem}.quiz-details-container .correct-count,.quiz-details-container .wrong-count{border-radius:.5rem;font-size:.9rem;font-weight:600;padding:.375rem .75rem}.quiz-details-container .correct-count{background:#d1fae5;color:#065f46}.quiz-details-container .wrong-count{background:#fecaca;color:#dc2626}.quiz-details-container .review-list{display:flex;flex-direction:column;gap:1rem}.quiz-details-container .review-item{background:#fff;border-left:.25rem solid #e2e8f0;border-radius:.625rem;padding:1.25rem}.quiz-details-container .review-item.correct{border-left-color:#10b981}.quiz-details-container .review-item.wrong{border-left-color:#ef4444}.quiz-details-container .review-question{border-radius:.5rem;color:#1e293b;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5;margin:0 0 .9375rem;padding:.5rem}.quiz-details-container .review-answer{display:flex;flex-direction:column;gap:.625rem}.quiz-details-container .review-correct-answer,.quiz-details-container .review-user-answer{align-items:center;border-radius:.5rem;display:flex;font-size:.95rem;gap:.625rem;padding:.625rem .875rem}.quiz-details-container .review-user-answer{background:#f1f5f9;color:#475569}.quiz-details-container .review-item.correct .review-user-answer{background:#d1fae5;color:#047857}.quiz-details-container .review-item.wrong .review-user-answer{background:#fee2e2;color:#b91c1c}.quiz-details-container .review-correct-answer{background:#d1fae5;color:#047857}.quiz-details-container .options-collapse .options-toggle[aria-expanded=true]{background:#dbeafe;border-color:#2563eb}.quiz-details-container .options-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.quiz-details-container .options-content.show{max-height:500px}.quiz-details-container .options-content.hidden{max-height:0}.quiz-details-container .options-toggle .fa-chevron-down{transition:transform .3s ease}.quiz-details-container .options-collapse .options-toggle{background:#f0f7ff;border:.125rem solid #bfdbfe;border-radius:.5rem;color:#1e40af;cursor:pointer;font-weight:600;padding:.75rem 1rem}.quiz-details-container .options-collapse .options-toggle:hover{background:#e0f2fe;border-color:#93c5fd}.quiz-details-container .options-collapse .options-toggle.active{background:#dbeafe;border-color:#2563eb}.quiz-details-container .options-list{background:#f8fafc;border:.0625rem solid #e2e8f0;border-radius:.5rem;margin-top:.75rem;padding:1rem}.quiz-details-container .option-review{align-items:center;background:#fff;border:.0625rem solid #e2e8f0;border-radius:.375rem;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.quiz-details-container .option-review.correct-option{background:#dcfce7;border-color:#4ade80;color:#166534}.quiz-details-container .option-review.wrong-option{background:#fee2e2;border-color:#f87171;color:#dc2626}.quiz-details-container .option-letter{align-items:center;background:#f1f5f9;border-radius:.25rem;color:#475569;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:1.75rem;justify-content:center;width:1.75rem}.quiz-details-container .correct-option .option-letter{background:#16a34a;color:#fff}.quiz-details-container .wrong-option .option-letter{background:#dc2626;color:#fff}.quiz-details-container .option-text{color:#334155;flex:1;font-size:.9rem;line-height:1.4}.quiz-details-container .quiz-details-actions{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:center}.quiz-details-container .btn-result{align-items:center;border:none;border-radius:.625rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.625rem;padding:.875rem 1.75rem;text-decoration:none}.quiz-details-container .btn-retry{background:#10b981}.quiz-details-container .btn-retry:hover{background:#059669}.quiz-details-container .btn-choose{background:#2563eb}.quiz-details-container .btn-choose:hover{background:#1d4ed8}.quiz-details-container .btn-share{background:#f59e0b}.quiz-details-container .btn-share:hover{background:#d97706}@media (max-width:768px){.quiz-details-container{border-radius:.75rem;padding:1rem}.quiz-details-container .quiz-details-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem}.quiz-details-container .quiz-details-title{font-size:1.3rem;margin-bottom:.75rem}.quiz-details-container .quiz-details-meta{gap:.5rem}.quiz-details-container .quiz-meta-item{font-size:.8rem;padding:.25rem .75rem}.quiz-details-container .quiz-status{font-size:.85rem;padding:.5rem 1rem}.quiz-details-container .results-summary{gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.quiz-details-container .result-stat{gap:.75rem;padding:.875rem}.quiz-details-container .result-stat-icon{border-radius:.5rem;font-size:1.2rem;height:2.5rem;width:2.5rem}.quiz-details-container .result-stat-value{font-size:1.3rem}.quiz-details-container .result-stat-label{font-size:.75rem}.quiz-details-container .score-visualization{margin-bottom:1.5rem;padding:1rem}.quiz-details-container .score-bar-container{height:.5rem;margin-bottom:.5rem}.quiz-details-container .score-labels{font-size:.8rem}.quiz-details-container .answers-review{margin-bottom:1.5rem;padding:1rem}.quiz-details-container .review-header{gap:.75rem;margin-bottom:1.25rem}.quiz-details-container .review-title{font-size:1.1rem}.quiz-details-container .review-stats{gap:.5rem}.quiz-details-container .correct-count,.quiz-details-container .wrong-count{font-size:.8rem;padding:.25rem .5rem}.quiz-details-container .review-list{gap:.75rem}.quiz-details-container .review-item{padding:1rem}.quiz-details-container .review-question{font-size:.9rem;margin-bottom:.75rem;padding:.375rem}.quiz-details-container .review-correct-answer,.quiz-details-container .review-user-answer{font-size:.85rem;gap:.5rem;padding:.5rem .75rem}.quiz-details-container .options-list{padding:.75rem}.quiz-details-container .option-review{gap:.5rem;margin-bottom:.375rem;padding:.5rem}.quiz-details-container .option-letter{font-size:.75rem;height:1.5rem;width:1.5rem}.quiz-details-container .option-text{font-size:.8rem}.quiz-details-container .quiz-details-actions{flex-direction:column;gap:.5rem}.quiz-details-container .btn-result{font-size:.9rem;justify-content:center;padding:.75rem 1.5rem}}@media (max-width:480px){.quiz-details-container{border-radius:.5rem;padding:.75rem}.quiz-details-container .quiz-details-title{font-size:1.1rem}.quiz-details-container .quiz-details-meta{flex-direction:column;gap:.375rem}.quiz-details-container .quiz-meta-item{width:fit-content}.quiz-details-container .results-summary{gap:.5rem;grid-template-columns:1fr}.quiz-details-container .result-stat{padding:.75rem}.quiz-details-container .result-stat-icon{font-size:1rem;height:2.25rem;width:2.25rem}.quiz-details-container .result-stat-value{font-size:1.1rem}.quiz-details-container .review-stats{flex-direction:column;gap:.375rem;width:100%}.quiz-details-container .correct-count,.quiz-details-container .wrong-count{text-align:center;width:100%}.quiz-details-container .review-item{padding:.75rem}.quiz-details-container .review-question{font-size:.85rem}.quiz-details-container .options-list{padding:.5rem}.quiz-details-container .option-review{padding:.375rem}.quiz-details-container .option-letter{font-size:.7rem;height:1.25rem;width:1.25rem}.quiz-details-container .option-text{font-size:.75rem}.quiz-details-container .btn-result{font-size:.85rem;padding:.625rem 1.25rem}}.quiz-details-container{animation:fadeInPage .6s ease-out forwards;opacity:0}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}#quiz-form{background:#fff;border-radius:1.25rem;box-shadow:0 .375rem 1.5rem rgba(0,0,0,.08);margin:0 auto;max-width:75rem;padding:1.875rem}#quiz-form .quiz-player-header{align-items:flex-start;border-bottom:.125rem solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5625rem;padding-bottom:1.25rem}#quiz-form .quiz-player-info{flex:1;min-width:15.625rem}#quiz-form .quiz-player-title{color:#1e293b;font-size:1.6rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}#quiz-form .quiz-player-meta{display:flex;flex-wrap:wrap;gap:.75rem}#quiz-form .quiz-meta-item{align-items:center;background:#f1f5f9;border-radius:1.125rem;color:#475569;display:flex;font-size:.9rem;font-weight:600;gap:.375rem;padding:.375rem .875rem}#quiz-form .quiz-meta-item i{color:#2563eb;font-size:1rem}#quiz-form .question-area{margin-bottom:1.875rem}#quiz-form .question-header{margin-bottom:1rem}#quiz-form .question-number{align-items:center;color:#2563eb;display:flex;font-size:1.2rem;font-weight:700;gap:.625rem;margin:0}#quiz-form .question-number:before{background:#2563eb;border-radius:.1875rem;content:"";height:1.25rem;width:.3125rem}#quiz-form .question-text{background:#f8fafc;border-left:.25rem solid #2563eb;border-radius:.625rem;color:#334155;font-size:1.05rem;line-height:1.7;margin-bottom:1.5625rem;padding:1rem}#quiz-form .image-viewer-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;margin:1.25rem 0;overflow:hidden}#quiz-form .image-hint{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom:2px solid #93c5fd;color:#1e40af;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:.875rem 1.25rem}#quiz-form .image-hint i{color:#2563eb;font-size:1.2rem}#quiz-form .image-wrapper{align-items:center;background:#fff;display:flex;justify-content:center;max-height:600px;min-height:200px;overflow:hidden;padding:1.5rem}#quiz-form .question-image{border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}#quiz-form .question-image:hover{transform:scale(1.01)}#quiz-form .image-info{background:#f1f5f9;border-top:1px solid #e2e8f0;font-size:.875rem;padding:.75rem 1.25rem;text-align:center}@media (max-width:768px){#quiz-form .image-viewer-container{border-radius:.625rem;margin:1rem 0}#quiz-form .image-wrapper{max-height:400px;min-height:150px;padding:1rem}#quiz-form .image-hint{font-size:.9rem;padding:.75rem 1rem}}@media (max-width:480px){#quiz-form .image-wrapper{max-height:300px;min-height:120px;padding:.75rem}#quiz-form .image-hint{font-size:.85rem;gap:.5rem;padding:.625rem .875rem}#quiz-form .image-hint i{font-size:1rem}#quiz-form .image-info{font-size:.8rem;padding:.5rem .75rem}}@media (max-width:360px){#quiz-form .image-wrapper{max-height:250px;min-height:100px;padding:.5rem}}#quiz-form .options-container{display:flex;flex-direction:column;gap:.625rem;margin:1.25rem 0}#quiz-form .option-item{align-items:center;background:#fff;border:.125rem solid #e2e8f0;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}#quiz-form .option-item:hover{background:#f0f7ff;border-color:#2563eb}#quiz-form .option-item:has(.option-input:checked){background:#dbeafe;border-color:#2563eb}#quiz-form .option-input{display:none}#quiz-form .option-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;width:100%}#quiz-form .option-letter{align-items:center;background:#f1f5f9;border-radius:.5rem;color:#475569;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}#quiz-form .option-item:has(.option-input:checked) .option-letter{background:#2563eb;color:#fff}#quiz-form .option-text{color:#334155;flex:1;font-size:.9375rem;line-height:1.4;padding:.125rem 0}#quiz-form .navigation-buttons{align-items:center;border-top:.125rem solid #e2e8f0;display:flex;gap:.75rem;justify-content:space-between;padding-top:1.25rem}#quiz-form .navigation-buttons button{align-items:center;border:none;border-radius:.625rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.625rem;justify-content:center;min-width:11.25rem;padding:.875rem 1.75rem;transition:all .2s ease}#quiz-form .navigation-buttons button:disabled{cursor:not-allowed;opacity:.4}#quiz-form .btn-previous{background:#e2e8f0;color:#1e293b}#quiz-form .btn-previous:hover:not(:disabled){background:#cbd5e1}#quiz-form .btn-review{background:#fef3c7;color:#78350f}#quiz-form .btn-review:hover:not(:disabled){background:#fde68a}#quiz-form .btn-finish{background:#dcfce7;color:#166534}#quiz-form .btn-finish:hover:not(:disabled){background:#bbf7d0}#quiz-form .btn-next{background:#2563eb;color:#fff}#quiz-form .btn-next:hover:not(:disabled){background:#1d4ed8}#quiz-form .nav-group-left,#quiz-form .nav-group-right{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width:768px){#quiz-form{border-radius:.875rem;padding:1.25rem 1rem}#quiz-form .quiz-player-header{align-items:flex-start;flex-direction:column}#quiz-form .quiz-player-title{font-size:1.4rem}#quiz-form .options-container{gap:.5rem;margin:1.25rem 0}#quiz-form .option-item{border-width:.125rem;gap:.75rem;padding:.75rem 1rem}#quiz-form .option-letter{border-radius:.5rem;font-size:.9rem;height:2rem;width:2rem}#quiz-form .option-text{font-size:.9rem;line-height:1.4}#quiz-form .navigation-buttons{align-items:stretch;flex-direction:column}#quiz-form .nav-group-left,#quiz-form .nav-group-right{justify-content:center;width:100%}#quiz-form .navigation-buttons button{flex:1;min-width:auto}}@media (max-width:480px){#quiz-form .quiz-player-title{font-size:1.2rem}#quiz-form{border-radius:.75rem;padding:1rem}#quiz-form .options-container{gap:.375rem;margin:1rem 0}#quiz-form .option-item{border-radius:.625rem;gap:.625rem;padding:.625rem .75rem}#quiz-form .option-letter{border-radius:.375rem;font-size:.8rem;height:1.75rem;width:1.75rem}#quiz-form .option-text{font-size:.85rem;line-height:1.3}#quiz-form .question-text{font-size:.95rem;margin-bottom:1.25rem;padding:.75rem}#quiz-form .navigation-buttons button{font-size:.9rem;gap:.5rem;padding:.75rem 1rem}}@media (max-width:360px){#quiz-form .options-container{gap:.25rem}#quiz-form .option-item{border-radius:.5rem;gap:.5rem;padding:.5rem .625rem}#quiz-form .option-letter{border-radius:.25rem;font-size:.75rem;height:1.5rem;width:1.5rem}#quiz-form .option-text{font-size:.8rem;line-height:1.2}#quiz-form .question-text{font-size:.9rem;margin-bottom:1rem;padding:.625rem}#quiz-form .navigation-buttons button{font-size:.85rem;padding:.625rem .75rem}}@media (max-width:768px) and (orientation:portrait){.image-hint .mobile-hint{display:flex!important}}#quiz-form{animation:fadeInForm .4s ease-out forwards;opacity:0}@keyframes fadeInForm{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-history-section .history-header{margin-bottom:2.5rem;text-align:center}.quiz-history-section .history-header-content{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.quiz-history-section .history-icon{color:#2563eb;font-size:3.5rem;margin-bottom:.5rem}.quiz-history-section .history-title{color:#1e293b;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .75rem}.quiz-history-section .history-subtitle{color:#64748b;font-size:1.1rem;line-height:1.5;margin:0;max-width:37.5rem}.quiz-history-section .quizzes-tabs-section{background:#fff;border-radius:1.25rem;box-shadow:0 .25rem 1.25rem rgba(0,0,0,.08);margin-bottom:2.5rem;overflow:hidden}.quiz-history-section .section-title-wrapper{margin-bottom:0;padding:1.875rem 1.875rem 0}.quiz-history-section .section-title{align-items:center;color:#1e293b;display:flex;font-size:1.3rem;font-weight:700;gap:.75rem;margin:0}.quiz-history-section .section-title i{color:#2563eb}.quiz-history-section .tabs-container{margin-top:1.25rem}.quiz-history-section .tabs-header{background:#f8fafc;border-bottom:.125rem solid #e2e8f0;padding:0 1.875rem}.quiz-history-section .tabs-navigation{display:flex;gap:0}.quiz-history-section .tab-btn{align-items:center;background:none;border:none;border-bottom:.1875rem solid transparent;color:#64748b;cursor:pointer;display:flex;flex:1;font-size:.95rem;font-weight:600;gap:.625rem;justify-content:center;padding:1.25rem 1.875rem}.quiz-history-section .tab-btn:hover{background:rgba(37,99,235,.05);color:#2563eb}.quiz-history-section .tab-btn.active{background:#fff;border-bottom-color:#2563eb;color:#2563eb}.quiz-history-section .tab-badge{background:#cbd5e1;border-radius:.75rem;color:#475569;font-size:.75rem;font-weight:600;min-width:1.25rem;padding:.125rem .5rem;text-align:center}.quiz-history-section .tab-btn.active .tab-badge{background:#2563eb;color:#fff}.quiz-history-section .tabs-content{padding:1.875rem}.quiz-history-section .tab-pane{display:none}.quiz-history-section .loading-spinner{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:.9375rem;justify-content:center;padding:3.75rem 1.25rem}.quiz-history-section .loading-spinner i{color:#2563eb;font-size:1.5rem}.quiz-history-section .loading-spinner span{font-size:.9rem;font-weight:500}@media (max-width:768px){.quiz-history-section .history-header{margin-bottom:2rem}.quiz-history-section .history-icon{font-size:2.5rem;margin-bottom:.375rem}.quiz-history-section .history-title{font-size:1.5rem;margin-bottom:.5rem}.quiz-history-section .history-subtitle{font-size:.95rem;max-width:100%}.quiz-history-section .section-title-wrapper{padding:1.25rem 1.25rem 0}.quiz-history-section .section-title{font-size:1.1rem;gap:.5rem}.quiz-history-section .tabs-header{padding:0 1.25rem}.quiz-history-section .tab-btn{font-size:.85rem;gap:.5rem;padding:1rem 1.25rem}.quiz-history-section .tabs-content{padding:1.25rem}.quiz-history-section .loading-spinner{padding:2.5rem 1rem}.quiz-history-section .loading-spinner i{font-size:1.3rem}.quiz-history-section .loading-spinner span{font-size:.85rem}}@media (max-width:480px){.quiz-history-section .history-header{margin-bottom:1.5rem}.quiz-history-section .history-header-content{gap:1rem}.quiz-history-section .history-icon{font-size:2rem}.quiz-history-section .history-title{font-size:1.3rem}.quiz-history-section .history-subtitle{font-size:.9rem;line-height:1.4}.quiz-history-section .section-title-wrapper{padding:1rem 1rem 0}.quiz-history-section .section-title{flex-direction:row;font-size:1rem;text-align:left}.quiz-history-section .tabs-navigation{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.quiz-history-section .tab-btn{flex:none;font-size:.8rem;min-width:8rem;padding:.75rem 1rem;white-space:nowrap}.quiz-history-section .tabs-content{padding:1rem}.quiz-history-section .loading-spinner{gap:.75rem;padding:2rem .75rem}.quiz-history-section .loading-spinner i{font-size:1.1rem}.quiz-history-section .loading-spinner span{font-size:.8rem}}@media (max-width:360px){.quiz-history-section .history-icon{font-size:1.8rem}.quiz-history-section .history-title{font-size:1.2rem}.quiz-history-section .history-subtitle{font-size:.85rem}.quiz-history-section .section-title-wrapper{padding:.75rem .75rem 0}.quiz-history-section .section-title{font-size:.95rem}.quiz-history-section .tab-btn{font-size:.75rem;gap:.375rem;min-width:7rem;padding:.625rem .75rem}.quiz-history-section .tab-badge{font-size:.7rem;min-width:1rem;padding:.1rem .375rem}.quiz-history-section .tabs-content{padding:.75rem}}.quiz-history-section .tab-pane.active{animation:fadeIn .4s ease-in-out;display:block}.quiz-history-section .quizzes-tabs-section{animation:slideUpFade .5s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-list{background:#fff;border-radius:1.25rem;box-shadow:0 .25rem 1.25rem rgba(0,0,0,.08);margin-bottom:2.5rem;padding:1.875rem}.quiz-list .table-responsive{margin-top:1.25rem;overflow-x:auto}.quiz-list .history-table{border-collapse:separate;border-spacing:0 .625rem;min-width:50rem;width:100%}.quiz-list .history-table thead tr{background:#f8fafc}.quiz-list .history-table th{border-bottom:.125rem solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:700;letter-spacing:.03125rem;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.quiz-list .history-table tbody tr{background:#fff;border:.0625rem solid #e2e8f0;border-radius:.625rem}.quiz-list .history-table tbody tr:hover{box-shadow:0 .25rem .75rem rgba(37,99,235,.1)}.quiz-list .history-table td{border-bottom:.0625rem solid #e2e8f0;border-top:.0625rem solid #e2e8f0;padding:1.25rem;vertical-align:middle}.quiz-list .history-table tbody tr td:first-child{border-left:.0625rem solid #e2e8f0;border-radius:.625rem 0 0 .625rem}.quiz-list .history-table tbody tr td:last-child{border-radius:0 .625rem .625rem 0;border-right:.0625rem solid #e2e8f0}.quiz-list .quiz-name-cell{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:.75rem}.quiz-list .quiz-name-cell i{color:#2563eb;font-size:1.2rem}.quiz-list .level-cell{align-items:center;display:flex;gap:.5rem}.quiz-list .level-cell i{font-size:1.1rem}.quiz-list .high-school-icon{color:#2563eb}.quiz-list .higher-ed-icon{color:#10b981}.quiz-list .discipline-badge{border-radius:1.25rem;display:inline-block;font-size:.85rem;font-weight:600;padding:.375rem 1rem;white-space:nowrap}.quiz-list .result-badge{border-radius:.5rem;font-size:.9rem;font-weight:600}.quiz-list .result-badge,.quiz-list .score-badge{background:#f1f5f9;color:#475569;display:inline-block;padding:.375rem 1rem}.quiz-list .score-badge{border-radius:1.25rem;font-size:.95rem;font-weight:700}.quiz-list .score-good{background:#d1fae5;color:#047857}.quiz-list .score-medium{background:#fef3c7;color:#b45309}.quiz-list .score-low{background:#fee2e2;color:#b91c1c}.quiz-list .date-cell{color:#64748b;font-size:.9rem;white-space:nowrap}.quiz-list .action-buttons{display:flex;gap:.5rem}.quiz-list .btn-action{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.9rem;height:2.25rem;justify-content:center;width:2.25rem}.quiz-list .btn-view{background:#dbeafe;color:#1d4ed8}.quiz-list .btn-view:hover{background:#2563eb;color:#fff}.quiz-list .btn-retry{background:#d1fae5;color:#059669}.quiz-list .btn-retry:hover{background:#10b981;color:#fff}.quiz-list .btn-delete{background:#fee2e2;color:#b91c1c}.quiz-list .btn-delete:hover{background:#ef4444;color:#fff}.quiz-list .no-results{color:#64748b;padding:5rem 1.25rem;text-align:center}.quiz-list .no-results i{color:#cbd5e1;font-size:5rem;margin-bottom:1.25rem}.quiz-list .no-results p{font-size:1.1rem;font-weight:500;margin:0}@media (max-width:1024px){.quiz-list{padding:1.5625rem}.quiz-list .history-table{min-width:43.75rem}.quiz-list .history-table td,.quiz-list .history-table th{font-size:.85rem;padding:1rem}.quiz-list .quiz-name-cell{gap:.5rem}.quiz-list .quiz-name-cell i{font-size:1rem}.quiz-list .action-buttons{gap:.375rem}.quiz-list .btn-action{font-size:.8rem;height:2rem;width:2rem}}@media (max-width:768px){.quiz-list{border-radius:1rem;margin-bottom:1.875rem;padding:1.25rem}.quiz-list .table-responsive{margin-top:0;overflow-x:visible}.quiz-list .history-table{display:block;min-width:100%}.quiz-list .history-table thead{display:none}.quiz-list .history-table tbody{display:block;width:100%}.quiz-list .history-table tr{background:#fff;border:.125rem solid #e2e8f0;border-radius:.75rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.06);display:block;margin-bottom:1rem;padding:1.25rem;width:100%}.quiz-list .history-table td{align-items:center;border:none;border-bottom:.0625rem solid #f1f5f9;display:flex;font-size:.85rem;justify-content:space-between;padding:.75rem 0;text-align:left;width:100%}.quiz-list .history-table td:last-child{border-bottom:none;padding-bottom:0}.quiz-list .history-table td:first-child{border-top:none;padding-top:0}.quiz-list .history-table td:before{color:#475569;content:attr(data-label);flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.03125rem;margin-right:.75rem;min-width:4.5rem;text-transform:uppercase}.quiz-list .quiz-name-cell{flex-wrap:wrap}.quiz-list .level-cell,.quiz-list .quiz-name-cell{gap:.5rem;justify-content:space-between;width:100%}.quiz-list .action-buttons{gap:.5rem;justify-content:flex-end;margin-top:.625rem;width:100%}.quiz-list .btn-action{font-size:.85rem;height:2.5rem;width:2.5rem}.quiz-list .discipline-badge,.quiz-list .result-badge,.quiz-list .score-badge{font-size:.75rem;padding:.25rem .75rem}.quiz-list .date-cell{font-size:.8rem}}@media (max-width:480px){.quiz-list{margin-bottom:1.5rem;padding:1rem}.quiz-list .history-table tr{margin-bottom:.875rem;padding:1rem}.quiz-list .history-table td{align-items:flex-start;flex-direction:column;font-size:.8rem;gap:.25rem;padding:.625rem 0}.quiz-list .history-table td:before{font-size:.65rem;margin-bottom:.125rem;margin-right:0;min-width:auto}.quiz-list .quiz-name-cell{align-items:flex-start;flex-direction:column;gap:.375rem}.quiz-list .quiz-name-cell i{font-size:.9rem}.quiz-list .level-cell{align-items:flex-start;flex-direction:column;gap:.25rem}.quiz-list .level-cell i{font-size:.9rem}.quiz-list .action-buttons{gap:.375rem;justify-content:flex-start;margin-top:.5rem;width:100%}.quiz-list .btn-action{font-size:.8rem;height:2.25rem;width:2.25rem}.quiz-list .discipline-badge,.quiz-list .result-badge,.quiz-list .score-badge{font-size:.7rem;padding:.1875rem .5rem}.quiz-list .date-cell{font-size:.75rem}.quiz-list .no-results{padding:3.75rem 1rem}.quiz-list .no-results i{font-size:3rem;margin-bottom:1rem}.quiz-list .no-results p{font-size:.9rem}}@media (max-width:360px){.quiz-list{padding:.75rem}.quiz-list .history-table tr{margin-bottom:.75rem;padding:.75rem}.quiz-list .history-table td{font-size:.75rem;padding:.5rem 0}.quiz-list .history-table td:before{font-size:.6rem}.quiz-list .action-buttons{gap:.25rem;justify-content:flex-start}.quiz-list .btn-action{font-size:.75rem;height:2rem;width:2rem}.quiz-list .level-cell i,.quiz-list .quiz-name-cell i{font-size:.8rem}.quiz-list .discipline-badge,.quiz-list .result-badge,.quiz-list .score-badge{font-size:.65rem;padding:.125rem .375rem}.quiz-list .no-results{padding:3rem .75rem}.quiz-list .no-results i{font-size:2.5rem}.quiz-list .no-results p{font-size:.85rem}}.stats{margin-bottom:40px}.stats .stats-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stats .stat-card{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;gap:20px;padding:30px}.stats .stat-icon-wrapper{align-items:center;border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:70px;justify-content:center;width:70px}.stats .stat-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.stats .stat-green{background:linear-gradient(135deg,#10b981,#059669)}.stats .stat-yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.stats .stat-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stats .stat-content{flex:1}.stats .quiz-stat-label{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stats .stat-value{color:#1e293b;font-size:2.5rem;font-weight:700;line-height:1;margin:0}.stats .stat-description{color:#94a3b8;font-size:.9rem;margin:5px 0 0}.stats .performance-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:40px;padding:35px}.stats .section-header-performance{margin-bottom:30px}.stats .section-title-performance{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0 0 8px}.stats .section-title-performance i{color:#2563eb}.stats .section-subtitle-performance{color:#64748b;font-size:1rem;margin:0}.stats .disciplines-list{display:flex;flex-direction:column;gap:20px}.stats .discipline-item{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:20px}.stats .discipline-info{align-items:center;display:flex;flex:1;gap:16px;min-width:0}.stats .discipline-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.stats .discipline-icon-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.stats .discipline-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.stats .discipline-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stats .discipline-icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stats .discipline-icon-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.stats .discipline-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.stats .discipline-icon-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.stats .discipline-details{flex:1;min-width:0}.stats .discipline-name{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats .discipline-quizzes{color:#64748b;font-size:.9rem;margin:0;white-space:nowrap}.stats .discipline-score{align-items:center;display:flex;flex-shrink:0;gap:16px;min-width:180px}.stats .score-bar-container{background:#e2e8f0;border-radius:10px;flex:1;height:10px;min-width:100px;overflow:hidden}.stats .score-bar{border-radius:10px;height:100%}.stats .score-bar-blue{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stats .score-bar-green{background:linear-gradient(90deg,#10b981,#34d399)}.stats .score-bar-yellow{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stats .score-bar-red{background:linear-gradient(90deg,#ef4444,#f87171)}.stats .score-bar-purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stats .score-bar-orange{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stats .score-bar-teal{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.stats .score-percentage{color:#1e293b;flex-shrink:0;font-size:1.1rem;font-weight:700;min-width:50px;text-align:right}.stats .no-results{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;padding:60px 20px;text-align:center}.stats .no-results i{color:#cbd5e1;font-size:3rem;margin-bottom:16px}.stats .no-results p{font-size:1.1rem;font-weight:500;margin:0}@media (max-width:1200px){.stats .stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.stats{margin-bottom:30px}.stats .stats-grid{gap:20px;grid-template-columns:1fr;margin-bottom:30px}.stats .stat-card{gap:16px;padding:25px}.stats .stat-icon-wrapper{font-size:24px;height:60px;width:60px}.stats .stat-value{font-size:2rem}.stats .performance-section{margin-bottom:30px;padding:25px}.stats .section-title-performance{font-size:1.3rem}.stats .discipline-item{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.stats .discipline-info{gap:12px}.stats .discipline-score{gap:12px;margin-top:10px;min-width:auto;width:100%}.stats .score-bar-container{flex:1;min-width:120px}.stats .score-percentage{font-size:1rem;min-width:45px}}@media (max-width:480px){.stats .stat-card{flex-direction:column;gap:16px;padding:20px;text-align:center}.stats .stat-icon-wrapper{font-size:20px;height:50px;width:50px}.stats .stat-value{font-size:1.8rem}.stats .performance-section{padding:20px}.stats .section-title-performance{flex-direction:column;font-size:1.2rem;gap:8px;text-align:center}.stats .discipline-info{flex-direction:row;gap:12px;text-align:left}.stats .discipline-details{flex:1;min-width:0;text-align:left}.stats .discipline-name{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats .discipline-quizzes{font-size:.8rem}.stats .discipline-score{align-items:center;flex-direction:row;gap:12px;width:100%}.stats .score-bar-container{height:8px;min-width:100px}.stats .score-percentage{font-size:.9rem;min-width:40px;text-align:right}.stats .discipline-icon{font-size:16px;height:40px;width:40px}}@media (max-width:360px){.stats .discipline-info{gap:8px}.stats .discipline-icon{font-size:14px;height:35px;width:35px}.stats .discipline-name{font-size:.9rem}.stats .score-bar-container{min-width:80px}.stats .score-percentage{font-size:.8rem;min-width:35px}}.stats .discipline-item,.stats .performance-section,.stats .stat-card,.stats .stats-grid{animation:fadeIn .6s ease-out both}.books-section{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:80px 0}.books-section .section-header{margin-bottom:50px}.books-section .section-title{color:#2563eb;font-size:2.5rem;font-weight:700;margin-bottom:15px}.books-section .section-description{color:#64748b;font-size:1.1rem;margin:0 auto;max-width:700px}.books-section .filters-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:40px;padding:30px}.books-section .form-label{color:#334155;font-weight:600;margin-bottom:10px}.books-section .form-select{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:12px 16px;transition:border-color .15s ease}.books-section .form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.books-section .books-grid{display:flex;gap:24px;overflow-x:auto;padding:20px 0;scroll-behavior:auto}.books-section .books-grid::-webkit-scrollbar{height:8px}.books-section .books-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.books-section .books-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.books-section .book-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;display:flex;flex:0 0 350px;flex-direction:column;min-width:350px;padding:30px;transition:transform .15s ease}.books-section .book-card:hover{box-shadow:0 6px 20px rgba(37,99,235,.12);transform:translateY(-2px)}.books-section .book-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.books-section .book-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:14px;color:#2563eb;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.books-section .book-class-badge{background:#2563eb;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 14px}.books-section .book-subject-tag{border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:15px;max-width:100%;overflow:hidden;padding:6px 16px;text-overflow:ellipsis;white-space:nowrap}.books-section .book-title{color:#1e293b;display:-webkit-box;font-size:1.3rem;font-weight:700;-webkit-line-clamp:2;line-height:1.4;margin-bottom:12px;min-height:2.8rem;-webkit-box-orient:vertical;overflow:hidden}.books-section .book-card:hover .book-title{color:#2563eb}.books-section .book-description{color:#64748b;display:-webkit-box;flex-grow:1;font-size:.95rem;-webkit-line-clamp:3;line-height:1.6;margin-bottom:20px;min-height:3rem;-webkit-box-orient:vertical;overflow:hidden}.books-section .book-info{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-top:15px}.books-section .book-publisher,.books-section .book-size{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:6px}.books-section .btn-download{align-items:center;background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;text-decoration:none;transition:background-color .15s ease;width:100%}.books-section .btn-download:hover{background:#1d4ed8;color:#fff}.books-section .no-results{color:#64748b;padding:60px 20px;text-align:center}.books-section .no-results i{color:#cbd5e1;font-size:4rem;margin-bottom:20px}.books-section .no-results p{font-size:1.2rem;font-weight:500}.books-section .loading-spinner{color:#64748b;padding:40px 20px;text-align:center}.books-section .loading-spinner i{font-size:2rem;margin-bottom:15px}@media (max-width:768px){.books-section{padding:40px 0}.books-section .section-title{font-size:1.8rem}.books-section .section-description{font-size:1rem}.books-section .filters-container{margin-bottom:30px;padding:20px}.books-section .book-card{flex:0 0 280px;min-width:280px;padding:20px}.books-section .book-icon{font-size:20px;height:50px;width:50px}.books-section .book-title{font-size:1.1rem;min-height:2.4rem}.books-section .book-description{font-size:.9rem;min-height:2.7rem}.books-section .btn-download{font-size:.95rem;padding:12px 20px}}@media (max-width:480px){.books-section{padding:30px 0}.books-section .section-title{font-size:1.5rem}.books-section .section-description{font-size:.95rem}.books-section .filters-container{margin-bottom:25px;padding:16px}.books-section .book-card{flex:0 0 260px;min-width:260px;padding:16px}.books-section .book-icon{font-size:18px;height:45px;width:45px}.books-section .book-title{font-size:1rem;min-height:2.2rem}.books-section .book-description{font-size:.85rem;min-height:2.5rem}.books-section .btn-download{font-size:.9rem;padding:10px 16px}.books-section .book-header{align-items:flex-start;flex-direction:column;gap:10px}.books-section .book-class-badge{align-self:flex-start;font-size:.8rem;padding:5px 12px}.books-section .book-subject-tag{font-size:.8rem;padding:5px 12px}}@media (prefers-reduced-motion:reduce){.books-section .book-card,.books-section .btn-download,.books-section .form-select{transition:none}.books-section .book-card:hover{transform:none}}.book-card{animation:fadeInBookCard .5s ease-out forwards;opacity:0}.book-card:first-child{animation-delay:.1s}.book-card:nth-child(2){animation-delay:.2s}.book-card:nth-child(3){animation-delay:.3s}.book-card:nth-child(4){animation-delay:.4s}.book-card:nth-child(5){animation-delay:.5s}.book-card:nth-child(n+6){animation-delay:.6s}@keyframes fadeInBookCard{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.exam-section{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh;padding:60px 0}.exam-section .brochure-header{background:#fff;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin-bottom:30px;padding:30px}.exam-section .brochure-header-content{align-items:center;display:flex;gap:20px}.exam-section .brochure-icon{color:#2563eb;font-size:3rem}.exam-section .brochure-title{color:#1e293b;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 8px}.exam-section .brochure-subtitle{align-items:center;color:#64748b;display:flex;font-size:1rem;gap:8px;margin:0}.exam-section .brochure-subtitle i{color:#2563eb;font-size:1rem}.exam-section .brochure-info-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.exam-section .info-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;gap:16px;padding:24px;transition:transform .15s ease}.exam-section .info-card:hover{box-shadow:0 4px 15px rgba(37,99,235,.1);transform:translateY(-1px)}.exam-section .info-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;color:#2563eb;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.exam-section .info-content{flex:1}.exam-section .info-content h3{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.exam-section .info-value{color:#1e293b;font-size:1.7rem;font-weight:700;line-height:1;margin:0}.exam-section .download-link{align-items:center;color:#2563eb;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:6px;text-decoration:none;transition:color .15s ease}.exam-section .download-link:hover{color:#1d4ed8}.exam-section .exams-section{background:#fff;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin-bottom:30px;padding:30px}.exam-section .section-header{margin-bottom:30px;text-align:center}.exam-section .section-title{align-items:center;color:#2563eb;display:flex;font-size:1.7rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:10px}.exam-section .section-subtitle{color:#64748b;font-size:1rem;margin:0 auto;max-width:500px}.exam-section .exams-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.exam-section .exam-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:column;padding:20px;transition:transform .15s ease}.exam-section .exam-card:hover{box-shadow:0 6px 20px rgba(37,99,235,.12);transform:translateY(-2px)}.exam-section .exam-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.exam-section .exam-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:10px;color:#2563eb;display:flex;font-size:20px;height:50px;justify-content:center;width:50px}.exam-section .exam-class-badge{background:#2563eb}.exam-section .exam-class-badge,.exam-section .exam-subject-tag{border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px}.exam-section .exam-subject-tag{display:inline-block;margin-bottom:12px}.exam-section .exam-title{color:#1e293b;font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:12px}.exam-section .exam-university{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:6px;margin-bottom:12px}.exam-section .exam-info{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.exam-section .exam-duration,.exam-section .exam-questions,.exam-section .exam-year{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:4px}.exam-section .exam-actions{margin-top:auto}.exam-section .btn-exam-solve{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:background-color .15s ease;width:100%}.exam-section .btn-exam-solve:hover{background:#1d4ed8;color:#fff}.exam-section .no-results{color:#64748b;grid-column:1/-1;padding:50px 20px;text-align:center}.exam-section .no-results i{color:#cbd5e1;font-size:3rem;margin-bottom:16px}.exam-section .no-results h3{color:#475569;font-size:1.3rem;font-weight:600;margin-bottom:8px}.exam-section .no-results p{font-size:1rem;margin:0}.exam-section .back-section{margin-top:30px;text-align:center}.exam-section .btn-back{align-items:center;background:#64748b;border-radius:10px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:background-color .15s ease}.exam-section .btn-back:hover{background:#475569;color:#fff}@media (max-width:768px){.exam-section{padding:30px 0}.exam-section .brochure-header{border-radius:14px;margin-bottom:25px;padding:20px}.exam-section .brochure-header-content{flex-direction:column;gap:12px;text-align:center}.exam-section .brochure-icon{font-size:2rem}.exam-section .brochure-title{font-size:1.5rem}.exam-section .brochure-subtitle{font-size:.9rem;justify-content:center}.exam-section .brochure-info-cards{gap:12px;grid-template-columns:1fr;margin-bottom:25px}.exam-section .exams-section{border-radius:14px;margin-bottom:25px;padding:20px}.exam-section .section-header{margin-bottom:25px}.exam-section .section-title{font-size:1.3rem}.exam-section .section-subtitle{font-size:.9rem}.exam-section .info-card{padding:18px}.exam-section .info-icon{font-size:16px;height:40px;width:40px}.exam-section .info-value{font-size:1.3rem}.exam-section .info-content h3{font-size:.85rem}.exam-section .download-link{font-size:.8rem}.exam-section .exams-grid{gap:15px;grid-template-columns:1fr}.exam-section .exam-card{padding:16px}.exam-section .exam-icon{font-size:18px;height:45px;width:45px}.exam-section .no-results{padding:40px 16px}.exam-section .no-results i{font-size:2.5rem}.exam-section .no-results h3{font-size:1.1rem}.exam-section .no-results p{font-size:.9rem}.exam-section .back-section{margin-top:25px}.exam-section .btn-back{font-size:.85rem;padding:10px 20px}}@media (max-width:480px){.exam-section{padding:20px 0}.exam-section .brochure-header{border-radius:12px;margin-bottom:20px;padding:16px}.exam-section .brochure-title{font-size:1.3rem}.exam-section .brochure-subtitle{flex-direction:column;font-size:.85rem;gap:4px}.exam-section .exams-section{border-radius:12px;margin-bottom:20px;padding:16px}.exam-section .section-title{flex-direction:column;font-size:1.2rem;gap:6px}.exam-section .section-subtitle{font-size:.85rem}.exam-section .info-card{flex-direction:column;gap:10px;padding:16px;text-align:center}.exam-section .info-icon{font-size:14px;height:35px;width:35px}.exam-section .info-value{font-size:1.2rem}.exam-section .info-content h3{font-size:.8rem;margin-bottom:4px}.exam-section .exam-card{padding:14px}.exam-section .exam-header{align-items:flex-start;flex-direction:column;gap:10px}.exam-section .exam-class-badge{align-self:flex-start}.exam-section .exam-info{gap:8px}.exam-section .exam-duration,.exam-section .exam-questions,.exam-section .exam-year{font-size:.8rem}.exam-section .btn-exam-solve{font-size:.85rem;padding:10px 16px}.exam-section .btn-back{font-size:.8rem;justify-content:center;padding:8px 16px;width:100%}.exam-section .no-results{padding:30px 12px}.exam-section .no-results i{font-size:2rem}.exam-section .no-results h3{font-size:1rem}.exam-section .no-results p{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.exam-section .btn-back,.exam-section .btn-exam-solve,.exam-section .download-link,.exam-section .exam-card,.exam-section .info-card{transition:none}.exam-section .exam-card:hover,.exam-section .info-card:hover{transform:none}}.exam-section{animation:fadeInLight .4s ease-out forwards;opacity:0}.text-green{background:#10b981!important}.exam-brochures-section{background:linear-gradient(135deg,#fafbfc,#f0f2f5);min-height:100vh;padding:80px 0}.exam-brochures-section .section-header{margin-bottom:40px}.exam-brochures-section .section-title{color:#2563eb;font-size:2.5rem;font-weight:700;margin-bottom:15px}.exam-brochures-section .section-description{color:#64748b;font-size:1.1rem;margin:0 auto;max-width:700px}.exam-brochures-section .exam-brochure-type-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:40px}.exam-brochures-section .exam-brochure-type-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 32px;transition:border-color .15s ease,color .15s ease}.exam-brochures-section .exam-brochure-type-btn:hover{border-color:#2563eb;color:#2563eb}.exam-brochures-section .exam-brochure-type-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.exam-brochures-section .filters-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:40px;padding:30px}.exam-brochures-section .form-label{color:#334155;font-weight:600;margin-bottom:10px}.exam-brochures-section .form-select{border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:1rem;padding:12px 16px;transition:border-color .15s ease}.exam-brochures-section .form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.exam-brochures-section .exam-brochures-grid{display:flex;gap:24px;overflow-x:auto;padding:20px 0;scroll-behavior:auto}.exam-brochures-section .exam-brochures-grid::-webkit-scrollbar{height:8px}.exam-brochures-section .exam-brochures-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.exam-brochures-section .exam-brochures-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.exam-brochures-section .exam-brochure-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;display:flex;flex:0 0 350px;flex-direction:column;min-width:350px;padding:30px;transition:transform .15s ease}.exam-brochures-section .exam-brochure-card:hover{box-shadow:0 6px 20px rgba(37,99,235,.12);transform:translateY(-2px)}.exam-brochures-section .exam-brochure-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.exam-brochures-section .exam-brochure-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:14px;color:#2563eb;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.exam-brochures-section .exam-brochure-class-badge{background:#2563eb;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 14px}.exam-brochures-section .exam-brochure-subject-tag{border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:15px;padding:6px 16px}.exam-brochures-section .exam-brochure-title{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:10px}.exam-brochures-section .exam-brochure-university{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:6px;margin-bottom:12px}.exam-brochures-section .exam-brochure-info{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-top:15px}.exam-brochures-section .exam-brochure-size,.exam-brochures-section .exam-brochure-year,.exam-brochures-section .exam-brochure-years{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:6px}.exam-brochures-section .exam-brochure-actions{display:flex;gap:10px;margin-top:auto}.exam-brochures-section .btn-exam-brochure-download,.exam-brochures-section .btn-exam-brochure-solve{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:background-color .15s ease}.exam-brochures-section .btn-exam-brochure-download{background:#2563eb;color:#fff}.exam-brochures-section .btn-exam-brochure-download:hover{background:#1d4ed8}.exam-brochures-section .btn-exam-brochure-solve{background:#10b981;color:#fff}.exam-brochures-section .btn-exam-brochure-solve:hover{background:#059669}.exam-brochures-section .no-results{color:#64748b;padding:60px 20px;text-align:center}.exam-brochures-section .no-results i{color:#cbd5e1;font-size:4rem;margin-bottom:20px}.exam-brochures-section .no-results p{font-size:1.2rem;font-weight:500}.exam-brochures-section .loading-spinner{color:#64748b;padding:40px 20px;text-align:center}.exam-brochures-section .loading-spinner i{font-size:2rem;margin-bottom:15px}@media (max-width:768px){.exam-brochures-section{padding:40px 0}.exam-brochures-section .section-title{font-size:1.8rem}.exam-brochures-section .section-description{font-size:1rem}.exam-brochures-section .exam-brochure-type-buttons{flex-direction:column;gap:12px;margin-bottom:30px}.exam-brochures-section .exam-brochure-type-btn{font-size:.95rem;justify-content:center;padding:12px 24px;width:100%}.exam-brochures-section .filters-container{margin-bottom:30px;padding:20px}.exam-brochures-section .exam-brochure-card{flex:0 0 280px;min-width:280px;padding:20px}.exam-brochures-section .exam-brochure-icon{font-size:20px;height:50px;width:50px}.exam-brochures-section .exam-brochure-title{font-size:1.1rem}.exam-brochures-section .exam-brochure-university{font-size:.85rem}.exam-brochures-section .exam-brochure-actions{flex-direction:column;gap:8px}.exam-brochures-section .btn-exam-brochure-download,.exam-brochures-section .btn-exam-brochure-solve{font-size:.9rem;padding:10px 16px}}@media (max-width:480px){.exam-brochures-section{padding:30px 0}.exam-brochures-section .section-title{font-size:1.5rem}.exam-brochures-section .section-description{font-size:.9rem}.exam-brochures-section .filters-container{margin-bottom:25px;padding:16px}.exam-brochures-section .exam-brochure-card{flex:0 0 260px;min-width:260px;padding:16px}.exam-brochures-section .exam-brochure-header{align-items:flex-start;flex-direction:column;gap:10px}.exam-brochures-section .exam-brochure-class-badge{align-self:flex-start;font-size:.8rem;padding:5px 12px}.exam-brochures-section .exam-brochure-subject-tag{font-size:.8rem;padding:5px 12px}.exam-brochures-section .exam-brochure-icon{font-size:18px;height:45px;width:45px}.exam-brochures-section .exam-brochure-title{font-size:1rem}.exam-brochures-section .exam-brochure-university{font-size:.8rem}.exam-brochures-section .exam-brochure-info{align-items:flex-start;flex-direction:column;gap:8px}.exam-brochures-section .exam-brochure-size,.exam-brochures-section .exam-brochure-year,.exam-brochures-section .exam-brochure-years{font-size:.8rem}.exam-brochures-section .btn-exam-brochure-download,.exam-brochures-section .btn-exam-brochure-solve{font-size:.85rem;padding:8px 12px}.exam-brochures-section .no-results{padding:40px 16px}.exam-brochures-section .no-results i{font-size:3rem}.exam-brochures-section .no-results p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.exam-brochures-section .btn-exam-brochure-download,.exam-brochures-section .btn-exam-brochure-solve,.exam-brochures-section .exam-brochure-card,.exam-brochures-section .exam-brochure-type-btn,.exam-brochures-section .form-select{transition:none}.exam-brochures-section .exam-brochure-card:hover{transform:none}}.exam-brochure-card{animation:fadeInExamCard .5s ease-out forwards;opacity:0}.exam-brochure-card:first-child{animation-delay:.1s}.exam-brochure-card:nth-child(2){animation-delay:.2s}.exam-brochure-card:nth-child(3){animation-delay:.3s}.exam-brochure-card:nth-child(4){animation-delay:.4s}.exam-brochure-card:nth-child(5){animation-delay:.5s}.exam-brochure-card:nth-child(n+6){animation-delay:.6s}@keyframes fadeInExamCard{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.exam-brochures-section .filters-container{transition:transform .3s ease,opacity .3s ease}#error-alert.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#721c24;margin-bottom:20px;padding:12px 16px}#error-alert.alert-danger .btn-close{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23721c24' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E") 50%/1em auto no-repeat;padding:.75rem}#error-alert.alert-danger .fa-exclamation-circle,#error-alert.alert-danger .fa-exclamation-triangle{color:#dc3545;flex-shrink:0}#error-alert.alert-danger ul{margin-bottom:0}#error-alert.alert-danger li{margin-bottom:4px}#error-alert.alert-danger li:last-child{margin-bottom:0}#error-alert.alert-danger strong{font-size:.95rem}@media (max-width:576px){#error-alert.alert-danger{font-size:.9rem;padding:10px 12px}#error-alert.alert-danger strong{font-size:.9rem}}@media (prefers-reduced-motion:reduce){#error-alert.alert.fade.show{animation:none}}.login-page-container{--info:#06b6d4}.login-page-container .recovery-submit-btn{background:linear-gradient(135deg,var(--info),#22d3ee);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;width:100%}.login-page-container .back-to-home,.login-page-container .back-to-login,.login-page-container .create-account-link,.login-page-container .forgot-password-link{color:var(--text-gray);cursor:pointer;font-size:.875rem;text-decoration:none}.login-page-container .back-to-login,.login-page-container .create-account-link{color:var(--primary-blue);font-weight:600}.login-page-container .password-match-feedback{font-size:.8rem;font-weight:500;margin-top:.25rem}.login-page-container .form-text{color:var(--text-gray);font-size:.8rem;margin-top:.25rem}.login-page-container .alert{border:none;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem}.login-page-container .alert-danger{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.login-page-container .forgot-password-form.loading .recovery-submit-btn{pointer-events:none}.login-page-container .forgot-password-form.loading .recovery-btn-text{opacity:0}.login-page-container .forgot-password-form.loading .spinner-border{display:inline-block!important}@media (max-width:575.98px){.login-page-container{padding:.5rem}.login-page-container .login-body{padding:0 1rem 1rem}.login-page-container .login-header{padding:1rem 1rem .5rem}.login-page-container .login-title{font-size:1.5rem}.login-page-container .form-control,.login-page-container .input-group-text,.login-page-container .toggle-password{padding:.75rem .875rem}.login-page-container .create-account-submit-btn,.login-page-container .login-submit-btn,.login-page-container .recovery-submit-btn{padding:.75rem 1.25rem}.login-page-container .form-check{padding-left:1.75rem}.login-page-container .form-check-input{margin-left:-1.75rem}}.simple-message-container{left:50%;max-width:500px;pointer-events:auto;position:fixed;top:20px;transform:translateX(-50%);width:auto;z-index:99999}.simple-message{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.95);border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.3),0 5px 10px rgba(0,0,0,.2);padding:1rem 1.5rem}.simple-message.alert-info{background-color:rgba(217,237,247,.95);border-left:4px solid #0dcaf0}.simple-message.alert-success{background-color:rgba(209,231,221,.95);border-left:4px solid #198754}.simple-message.alert-danger{background-color:rgba(248,215,218,.95);border-left:4px solid #dc3545}.simple-message.alert-warning{background-color:rgba(255,243,205,.95);border-left:4px solid #ffc107}.simple-message .d-flex{gap:1rem}.simple-message .d-flex>div:first-child{flex:1;margin-right:1rem;min-width:0}.simple-message .btn-close{flex-shrink:0;margin-left:auto}@media (max-width:768px){.simple-message-container{max-width:90%;top:10px;width:90%}.simple-message{font-size:.9rem;padding:.75rem 1rem}.simple-message .d-flex{gap:.5rem}.simple-message .d-flex>div:first-child{margin-right:.5rem}}@media (prefers-reduced-motion:reduce){.simple-message.fade{transition:none}}.login-page-container{--warning:#f59e0b;--warning-dark:#d97706;--primary-blue:#2563eb;--primary-dark-blue:#1d4ed8;--primary-light:#3b82f6;--background-white:#fff;--background-light:#f8fafc;--text-dark:#1f2937;--text-gray:#6b7280;--text-light:#9ca3af;--border-light:#e5e7eb;--shadow:0 10px 25px rgba(0,0,0,.1);--success:#10b981;align-items:center;background-color:var(--background-light);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-page-container .login-content-wrapper{max-width:420px;width:100%}.login-page-container .login-content{animation:fadeIn .3s ease-out;background:var(--background-white);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow)}.login-page-container .login-header{padding:1.5rem 1.5rem .5rem}.login-page-container .login-body{padding:0 1.5rem 1.5rem}.login-page-container .login-header .btn-close{align-items:center;background-color:var(--background-light);border:none;border-radius:6px;color:var(--text-gray);cursor:pointer;display:inline-flex;height:40px;justify-content:center;opacity:.6;padding:.5rem;text-decoration:none;width:40px}.login-page-container .login-header .btn-close:hover{background-color:var(--border-light);color:var(--text-dark);opacity:1}.login-page-container .login-title{align-items:center;color:var(--text-dark);display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;justify-content:center}.login-page-container .form-label{color:var(--text-dark);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.login-page-container .input-group{border:2px solid var(--border-light);border-radius:10px;margin-bottom:.5rem;transition:border-color .15s ease-in-out}.login-page-container .input-group:focus-within{border-color:var(--primary-blue)}.login-page-container .input-group-text{background-color:var(--background-light);border:none;color:var(--text-gray);padding:.75rem 1rem}.login-page-container .form-control{background-color:var(--background-white);border:none;color:var(--text-dark);font-size:.95rem;padding:.75rem 1rem}.login-page-container .form-control:focus{box-shadow:none;outline:none}.login-page-container .form-control::placeholder{color:var(--text-light);font-size:.9rem}.login-page-container .toggle-password{background-color:var(--background-light);border:none;border-left:1px solid var(--border-light)!important;color:var(--text-gray);cursor:pointer;padding:.75rem 1rem;transition:all .15s ease-in-out}.login-page-container .toggle-password:hover{background-color:var(--primary-light);color:#fff}.login-page-container .login-submit-btn{background:linear-gradient(135deg,var(--primary-blue),var(--primary-light));border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;position:relative;transition:all .15s ease-in-out;width:100%}.login-page-container .login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue));transform:translateY(-1px)}.login-page-container .login-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-page-container .back-to-home,.login-page-container .create-account-link,.login-page-container .forgot-password-link{color:var(--text-gray);cursor:pointer;font-size:.875rem;text-decoration:none;transition:color .15s ease-in-out}.login-page-container .back-to-home:hover,.login-page-container .create-account-link:hover,.login-page-container .forgot-password-link:hover{color:var(--primary-blue)}.login-page-container .create-account-link{color:var(--primary-blue);font-weight:600}.login-page-container .create-account-link:hover{color:var(--primary-dark-blue)}.login-page-container .login-btn-text{transition:opacity .15s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-page-container .visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.login-page-container .form-control:focus,.login-page-container .login-submit-btn:focus,.login-page-container .toggle-password:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media (max-width:575.98px){.login-page-container{padding:.5rem}.login-page-container .login-body{padding:0 1rem 1rem}.login-page-container .login-header{padding:1rem 1rem .5rem}.login-page-container .login-title{font-size:1.5rem}.login-page-container .form-control,.login-page-container .input-group-text,.login-page-container .toggle-password{padding:.75rem .875rem}.login-page-container .login-submit-btn{padding:.75rem 1.25rem}}.login-page-container .text-muted{color:var(--text-gray)}.login-page-container .text-center{text-align:center}.login-page-container .border-top{border-top:1px solid var(--border-light)}.login-page-container .d-none{display:none}.login-page-container .login-form.loading .login-submit-btn{pointer-events:none}.login-page-container .login-form.loading .login-btn-text{opacity:0}.login-page-container .login-form.loading .spinner-border{display:inline-block!important}@media (prefers-reduced-motion:reduce){.login-page-container .form-control,.login-page-container .input-group,.login-page-container .login-content,.login-page-container .login-submit-btn,.login-page-container .toggle-password{animation:none;transition:none}.login-page-container .login-submit-btn:hover:not(:disabled){transform:none}}:root{--msg-primary-color:#2563eb;--msg-primary-hover:#1d4ed8;--msg-success-color:#10b981;--msg-warning-color:#f59e0b;--msg-danger-color:#ef4444;--msg-text-primary:#1f2937;--msg-text-secondary:#6b7280;--msg-border-color:#e5e7eb;--msg-bg-light:#f8fafc}.msg-body{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;font-family:Segoe UI,system-ui,-apple-system,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}.msg-container{max-width:500px;width:100%}.msg-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.05);overflow:hidden}.msg-header{padding:24px 24px 0;text-align:center}.msg-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.msg-icon.success{background-color:rgba(16,185,129,.1);color:var(--msg-success-color)}.msg-icon.warning{background-color:rgba(245,158,11,.1);color:var(--msg-warning-color)}.msg-icon.error{background-color:rgba(239,68,68,.1);color:var(--msg-danger-color)}.msg-icon.info{background-color:rgba(37,99,235,.1);color:var(--msg-primary-color)}.msg-title{color:var(--msg-text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.msg-body-content{padding:24px;text-align:left}.msg-text{color:var(--msg-text-secondary);line-height:1.6;margin-bottom:24px;text-align:left;white-space:pre-line}.msg-actions{display:flex;gap:12px;justify-content:center}.msg-btn-primary{align-items:center;background-color:var(--msg-primary-color);border:1px solid var(--msg-primary-color);border-radius:8px;color:#fff;display:inline-flex;font-weight:600;justify-content:center;padding:10px 24px;text-decoration:none;transition:all .2s ease}.msg-btn-primary:hover{background-color:var(--msg-primary-hover);border-color:var(--msg-primary-hover);color:#fff;text-decoration:none}.msg-footer{background-color:var(--msg-bg-light);color:var(--msg-text-secondary);font-size:14px;padding:16px 24px;text-align:center}.msg-footer a{color:var(--msg-primary-color);text-decoration:none}.msg-footer a:hover{text-decoration:underline}@media (max-width:576px){.msg-body{padding:16px}.msg-actions{flex-direction:column}.msg-actions .msg-btn-primary{width:100%}.msg-header{padding:20px 20px 0}.msg-body-content{padding:20px}.msg-footer{padding:16px 20px}}@media (prefers-reduced-motion:reduce){.msg-btn-primary{transition:none}}.payment-container{background:#fff;border-radius:1rem;box-shadow:0 .25rem 1.5rem rgba(0,0,0,.08);margin:0 auto;max-width:28rem;padding:2rem}.payment-header{margin-bottom:2rem;text-align:center}.payment-title{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;margin:0 0 .5rem}.payment-title i{color:#2563eb}.payment-subtitle{color:#64748b;font-size:.95rem;margin:0}.payment-summary{background:#f8fafc;border:.125rem solid #e2e8f0;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.resource-info{gap:1rem;margin-bottom:1rem}.resource-icon,.resource-info{align-items:center;display:flex}.resource-icon{background:#2563eb;border-radius:.75rem;color:#fff;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.resource-details{flex:1}.resource-name{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.resource-meta{color:#64748b;font-size:.9rem}.price-section{align-items:center;border-top:.125rem solid #e2e8f0;display:flex;justify-content:space-between;padding-top:1rem}.price-label{color:#64748b;font-size:.9rem;font-weight:500}.price-amount{color:#059669;font-size:1.5rem;font-weight:700}.payment-methods{margin-bottom:1.5rem}.methods-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.methods-grid{display:flex;flex-direction:column;gap:.75rem}.method-option{position:relative}.method-input{display:none}.method-label{align-items:center;background:#fff;border:.125rem solid #e2e8f0;border-radius:.75rem;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease}.method-input:checked+.method-label{background:#f0f7ff;border-color:#2563eb}.method-icon{font-size:1.25rem;text-align:center;width:1.5rem}.mpesa-icon{color:#10b981}.emola-icon{color:#f59e0b}.card-icon{color:#ef4444}.method-name{color:#374151;font-weight:600}.pay-button{align-items:center;background:#2563eb;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 1.5rem;transition:background-color .2s ease;width:100%}.pay-button:hover{background:#1d4ed8}.payment-footer{color:#6b7280;font-size:14px;padding:16px 24px;text-align:center}.payment-footer a{color:#1d4ed8;text-decoration:none}.payment-footer a:hover{text-decoration:underline}@media (max-width:768px){.payment-container{margin:1rem;padding:1.5rem}.payment-title{font-size:1.3rem}.payment-summary{padding:1.25rem}.resource-icon{font-size:1.1rem;height:2.5rem;width:2.5rem}.price-amount{font-size:1.3rem}}@media (max-width:480px){.payment-container{padding:1.25rem}.payment-title{flex-direction:column;font-size:1.2rem;gap:.5rem}.resource-info{flex-direction:column;gap:.75rem;text-align:center}.method-label{padding:.875rem 1rem}}.resource-status-banner{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 20px}.resource-status-banner.status-paid{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.resource-status-banner.status-pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.resource-status-banner.status-not_paid{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.resource-status-banner i{font-size:1.2rem}.access-resource{margin-top:30px;text-align:center}.access-button{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:8px;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.access-button:hover{background:linear-gradient(135deg,#43a047,#1b5e20);box-shadow:0 5px 15px rgba(0,0,0,.1);color:#fff;transform:translateY(-2px)}.access-button i{font-size:1.3rem}.resource-status-banner.status-free{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.resource-status-banner.status-free i{color:#2196f3}.free-button{background:linear-gradient(135deg,#2196f3,#1976d2)!important}.free-button:hover{background:linear-gradient(135deg,#1976d2,#0d47a1)!important}.price-free{color:#2196f3;font-size:1.5rem;font-weight:700}.price-free i{font-size:1.8rem;margin-right:8px}.free-indicator{background-color:#4caf50;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;margin-left:10px;padding:3px 8px;vertical-align:middle}.payment-info{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;display:flex;font-size:14px;gap:8px;margin-bottom:15px;padding:10px 15px}.payment-info i{color:#2563eb;font-size:16px}.payment-info span{flex:1}.login-page-container .create-account-submit-btn{background:linear-gradient(135deg,var(--success),#0da271);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;position:relative;width:100%}.login-page-container .create-account-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0da271,var(--success))}.login-page-container .create-account-submit-btn:disabled{cursor:not-allowed;opacity:.6}.login-page-container .form-check{margin:1.5rem 0 1rem;padding-left:2rem}.login-page-container .form-check-input{border:2px solid var(--border-light);border-radius:4px;margin-left:-2rem}.login-page-container .form-check-input:checked{background-color:var(--success);border-color:var(--success)}.login-page-container .form-check-label{color:var(--text-dark);font-size:.875rem;line-height:1.4}.login-page-container .form-check-label a{color:var(--primary-blue);font-weight:500;text-decoration:none}.login-page-container .register-form.loading .register-submit-btn{pointer-events:none}.login-page-container .register-form.loading .register-btn-text{opacity:0}.login-page-container .register-form.loading .spinner-border{display:inline-block!important}@media (max-width:575.98px){.login-page-container .form-check{margin:1rem 0 .75rem;padding-left:1.75rem}.login-page-container .form-check-input{margin-left:-1.75rem}}.change-password-page{--primary-blue:#2563eb;--primary-dark-blue:#1d4ed8;--primary-light:#3b82f6;--background-white:#fff;--background-light:#f8fafc;--text-dark:#1f2937;--text-gray:#6b7280;--text-light:#9ca3af;--border-light:#e5e7eb;--shadow:0 10px 25px rgba(0,0,0,.1);--warning:#f59e0b;--warning-dark:#d97706}.change-password-page .change-password-container{align-items:center;background:var(--background-light);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.change-password-page .change-password-card{background:var(--background-white);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow);max-width:440px;padding:2rem;width:100%}.change-password-page .change-password-header{border-bottom:1px solid var(--border-light);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.change-password-page .change-password-title{color:var(--text-dark);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.change-password-page .change-password-subtitle{color:var(--text-gray)!important;font-size:.95rem;margin-bottom:0}.change-password-page .change-password-content{margin-bottom:1.5rem}.change-password-page .section-title{color:var(--text-dark);font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem;position:relative}.change-password-page .section-title:after{background:linear-gradient(135deg,var(--warning),var(--warning-dark));border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}.change-password-page .section-description{color:var(--text-gray)!important;font-size:.875rem;margin-bottom:1.5rem}.change-password-page .input-group-wrapper{margin-bottom:1.5rem}.change-password-page .input-group-wrapper .form-label{color:var(--text-dark);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.change-password-page .input-group-wrapper .input-group{border:2px solid var(--border-light);border-radius:10px;margin-bottom:.5rem}.change-password-page .input-group-wrapper .input-group:focus-within{border-color:var(--primary-blue)}.change-password-page .input-group-wrapper .input-group-text{background-color:var(--background-light);border:none;color:var(--text-gray);padding:.75rem 1rem}.change-password-page .input-group-wrapper .form-control{background-color:var(--background-white);border:none;color:var(--text-dark);padding:.75rem 1rem}.change-password-page .input-group-wrapper .form-control:focus{box-shadow:none}.change-password-page .input-group-wrapper .form-control::placeholder{color:var(--text-light);font-size:.9rem}.change-password-page .input-group-wrapper .toggle-password{background-color:var(--background-light);border:none;border-left:1px solid var(--border-light)!important;color:var(--text-gray);padding:.75rem 1rem}.change-password-page .input-group-wrapper .toggle-password:hover{background-color:var(--primary-light);color:#fff}.change-password-page .change-password-submit-btn{background:linear-gradient(135deg,var(--primary-blue),var(--primary-light));border:none;border-radius:10px;color:#fff;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;width:100%}.change-password-page .change-password-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue))}.change-password-page .change-password-submit-btn:disabled{cursor:not-allowed;opacity:.6}.change-password-page .change-password-footer{border-top:1px solid var(--border-light);padding-top:1.5rem;text-align:center}.change-password-page .back-to-home{color:var(--text-gray);font-size:.875rem;text-decoration:none!important}.change-password-page .back-to-home:hover{color:var(--primary-blue)}.change-password-page .change-password-form.loading .change-password-submit-btn{pointer-events:none}.change-password-page .change-password-form.loading .change-password-btn-text{opacity:0}.change-password-page .input-group-wrapper .form-text{color:var(--text-gray);font-size:.8rem;margin-top:.25rem}.change-password-page .input-group-wrapper .is-valid{border-color:#10b981!important}.change-password-page .input-group-wrapper .is-invalid{border-color:#dc2626!important}@media (max-width:575.98px){.change-password-page .change-password-container{padding:1rem}.change-password-page .change-password-card{padding:1.5rem}.change-password-page .change-password-title{font-size:1.5rem}.change-password-page .input-group-wrapper .form-control,.change-password-page .input-group-wrapper .input-group-text,.change-password-page .input-group-wrapper .toggle-password{padding:.75rem .875rem}.change-password-page .change-password-submit-btn{margin-top:.75rem;padding:.75rem 1.25rem}}@media (prefers-reduced-motion:reduce){.change-password-page .back-to-home,.change-password-page .change-password-submit-btn,.change-password-page .input-group-wrapper .toggle-password{transition:none}}.terms-page{--primary-blue:#2563eb;--primary-dark-blue:#1d4ed8;--primary-light:#3b82f6;--background-white:#fff;--background-light:#f8fafc;--text-dark:#1f2937;--text-gray:#6b7280;--text-light:#9ca3af;--border-light:#e5e7eb;--shadow:0 10px 25px rgba(0,0,0,.1);--success:#10b981;--warning:#f59e0b;--danger:#ef4444}.terms-page *{box-sizing:border-box;margin:0;padding:0}.terms-page body{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);color:var(--text-dark);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh}.terms-page .terms-container{margin:0 auto;max-width:900px;padding:2rem 1rem}.terms-page .terms-card{background:var(--background-white);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.terms-page .terms-header{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));color:#fff;padding:2rem 2rem 3rem;position:relative;text-align:center}.terms-page .terms-header .navbar-brand{align-items:center;color:#fff;display:flex;gap:12px;left:2rem;position:absolute;text-decoration:none;top:1.5rem;transition:opacity .2s ease}.terms-page .terms-header .navbar-brand:hover{opacity:.9}.terms-page .terms-header .logo-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.terms-page .terms-header .brand-info{display:flex;flex-direction:column;line-height:1.2;text-align:left}.terms-page .terms-header .brand-title{color:#fff;font-size:20px;font-weight:700}.terms-page .terms-header .brand-subtitle{color:hsla(0,0%,100%,.9);font-size:12px;font-weight:400}.terms-page .terms-icon{font-size:3rem;margin-bottom:1rem;margin-top:1rem}.terms-page .terms-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.terms-page .terms-subtitle{font-size:1.1rem;font-weight:400;margin-bottom:1rem;opacity:.9}.terms-page .last-update{background:hsla(0,0%,100%,.2);border-radius:20px;display:inline-block;font-size:.9rem;padding:.5rem 1rem}.terms-page .terms-content{padding:2rem}.terms-page .terms-section{margin-bottom:2.5rem}.terms-page .terms-section:last-child{margin-bottom:0}.terms-page .section-title{color:var(--primary-blue);font-size:1.4rem;font-weight:700;margin-bottom:1rem}.terms-page .section-content{color:var(--text-dark);line-height:1.7}.terms-page .section-content p{margin-bottom:1rem}.terms-page .section-content ul{margin:1rem 0;padding-left:1.5rem}.terms-page .section-content li{list-style-type:disc;margin-bottom:.5rem}.terms-page .highlight-box{background:var(--background-light);border-left:4px solid var(--warning);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.terms-page .highlight-title{align-items:center;color:var(--warning);display:flex;font-weight:700;gap:.5rem;margin-bottom:.5rem}.terms-page .warning-text{color:var(--danger);font-weight:600}@media (max-width:768px){.terms-page .terms-container{padding:1rem}.terms-page .terms-header{padding:1.5rem 1rem 2.5rem}.terms-page .terms-header .navbar-brand{justify-content:center;margin-bottom:1rem;position:static}.terms-page .terms-header .brand-info{text-align:center}.terms-page .terms-title{font-size:2rem}.terms-page .terms-content{padding:1.5rem}.terms-page .section-title{font-size:1.2rem}}@media (max-width:480px){.terms-page .terms-header{padding:1rem 1rem 2rem}.terms-page .terms-title{font-size:1.7rem}.terms-page .terms-icon{font-size:2.5rem;margin-top:.5rem}.terms-page .section-title{font-size:1.1rem}.terms-page .section-content ul{padding-left:1rem}.terms-page .terms-header .navbar-brand{flex-direction:column;gap:8px}.terms-page .terms-header .brand-info{text-align:center}}@media (prefers-reduced-motion:reduce){.terms-page .terms-header .navbar-brand{transition:none}}.tutorials-section{background:linear-gradient(135deg,#f8fafc,#e8ecf1);min-height:100vh;padding:60px 0}.tutorials-section .tutorials-header{background:#fff;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin-bottom:30px;padding:30px}.tutorials-section .tutorials-header-content{align-items:center;display:flex;gap:20px}.tutorials-section .tutorial-icon{color:#2563eb;font-size:3rem}.tutorials-section .tutorials-title{color:#1e293b;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 8px}.tutorials-section .tutorials-subtitle{align-items:center;color:#64748b;display:flex;font-size:1rem;gap:8px;margin:0}.tutorials-section .tutorials-subtitle i{color:#2563eb;font-size:1rem}.tutorials-section .tutorials-intro{margin-bottom:30px}.tutorials-section .intro-card{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;box-shadow:0 4px 20px rgba(37,99,235,.2);color:#fff;display:flex;gap:20px;padding:25px}.tutorials-section .intro-icon{align-items:center;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:60px;justify-content:center;width:60px}.tutorials-section .intro-content{flex:1}.tutorials-section .intro-content h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 10px}.tutorials-section .intro-content p{font-size:1rem;line-height:1.6;margin:0;max-width:600px;opacity:.9}.tutorials-section .tutorials-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tutorials-section .tutorial-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.tutorials-section .tutorial-card:hover{box-shadow:0 8px 25px rgba(37,99,235,.15);transform:translateY(-3px)}.tutorials-section .video-container{background:#1e293b;padding-top:56.25%;position:relative;width:100%}.tutorials-section .video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.tutorials-section .tutorial-content{padding:20px}.tutorials-section .tutorial-title{color:#1e293b;font-size:1.2rem;font-weight:700;line-height:1.4;margin:0 0 12px}.tutorials-section .tutorial-description{color:#64748b;display:-webkit-box;font-size:.95rem;-webkit-line-clamp:3;line-height:1.5;margin:0 0 16px;-webkit-box-orient:vertical;overflow:hidden}.tutorials-section .tutorial-meta{align-items:center;border-top:1px solid #e8ecf1;display:flex;justify-content:space-between;padding-top:15px}.tutorials-section .tutorial-difficulty,.tutorials-section .tutorial-duration{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:6px}.tutorials-section .tutorial-duration{color:#64748b}.tutorials-section .tutorial-duration i{color:#2563eb}.tutorials-section .tutorial-difficulty{border-radius:20px;font-size:.8rem;padding:4px 10px}.tutorials-section .tutorial-difficulty.beginner{background:#d1fae5;color:#065f46}.tutorials-section .tutorial-difficulty.intermediate{background:#fef3c7;color:#92400e}.tutorials-section .tutorial-difficulty.advanced{background:#fee2e2;color:#991b1b}.tutorials-section .tutorial-difficulty i{font-size:.8rem}.tutorials-section .no-tutorials{color:#64748b;grid-column:1/-1;padding:60px 20px;text-align:center}.tutorials-section .no-tutorials i{color:#cbd5e1;font-size:3rem;margin-bottom:16px}.tutorials-section .no-tutorials h3{color:#475569;font-size:1.5rem;font-weight:600;margin-bottom:8px}.tutorials-section .no-tutorials p{font-size:1rem;margin:0 auto;max-width:400px}@media (max-width:1200px){.tutorials-section .tutorials-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.tutorials-section{padding:30px 0}.tutorials-section .tutorials-header{border-radius:14px;margin-bottom:25px;padding:20px}.tutorials-section .tutorials-header-content{flex-direction:column;gap:12px;text-align:center}.tutorials-section .tutorial-icon{font-size:2rem}.tutorials-section .tutorials-title{font-size:1.5rem}.tutorials-section .tutorials-subtitle{font-size:.9rem;justify-content:center}.tutorials-section .tutorials-intro{margin-bottom:25px}.tutorials-section .intro-card{flex-direction:column;gap:15px;padding:20px;text-align:center}.tutorials-section .intro-icon{font-size:20px;height:50px;width:50px}.tutorials-section .intro-content h2{font-size:1.3rem}.tutorials-section .intro-content p{font-size:.9rem}.tutorials-section .tutorials-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tutorials-section .tutorial-content{padding:16px}.tutorials-section .tutorial-title{font-size:1.1rem}.tutorials-section .tutorial-description{font-size:.9rem}.tutorials-section .no-tutorials{padding:40px 16px}.tutorials-section .no-tutorials i{font-size:2.5rem}.tutorials-section .no-tutorials h3{font-size:1.3rem}}@media (max-width:480px){.tutorials-section{padding:20px 0}.tutorials-section .tutorials-header{border-radius:12px;margin-bottom:20px;padding:16px}.tutorials-section .tutorials-title{font-size:1.3rem}.tutorials-section .tutorials-subtitle{flex-direction:column;font-size:.85rem;gap:4px}.tutorials-section .intro-card{padding:16px}.tutorials-section .intro-content h2{font-size:1.2rem}.tutorials-section .intro-content p{font-size:.85rem}.tutorials-section .tutorials-grid{gap:15px;grid-template-columns:1fr}.tutorials-section .tutorial-card{border-radius:12px}.tutorials-section .tutorial-content{padding:14px}.tutorials-section .tutorial-meta{align-items:flex-start;flex-direction:column;gap:8px}.tutorials-section .no-tutorials{padding:30px 12px}.tutorials-section .no-tutorials i{font-size:2rem}.tutorials-section .no-tutorials h3{font-size:1.1rem}.tutorials-section .no-tutorials p{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.tutorials-section .intro-card,.tutorials-section .tutorial-card{transition:none}.tutorials-section .tutorial-card:hover{transform:none}}.tutorials-section{animation:fadeInLight .4s ease-out forwards;opacity:0}@keyframes fadeInLight{0%{opacity:0}to{opacity:1}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--white:#fff;--border-radius:8px;--border-radius-lg:12px;--box-shadow:0 10px 25px rgba(0,0,0,.15)}#messageModal.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:9999}#messageModal .modal-card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}#messageModal .modal-header{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--white);flex-shrink:0;padding:1.5rem;position:relative}#messageModal .close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;left:1rem;position:absolute;top:1rem;transition:all .3s;width:36px;z-index:10}#messageModal .close-btn:hover{background:hsla(0,0%,100%,.3)}#messageModal .logo-section{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;text-align:center}#messageModal .logo-icon{align-items:center;background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-bottom:.75rem;width:60px}#messageModal .logo-text{color:var(--white)}#messageModal .logo-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}#messageModal .logo-subtitle{font-size:.875rem;opacity:.9}#messageModal .header-main{text-align:center}#messageModal .header-main h1{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}#messageModal .highlight{color:gold;font-weight:800}#messageModal .header-description{font-size:.95rem;margin:0;opacity:.9}#messageModal .modal-body{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-color:var(--gray-600) transparent;scrollbar-width:thin}#messageModal .modal-body::-webkit-scrollbar{width:6px}#messageModal .modal-body::-webkit-scrollbar-track{background:transparent}#messageModal .modal-body::-webkit-scrollbar-thumb{background-color:var(--gray-600);border-radius:10px}#messageModal .modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--gray-700)}#messageModal .content-wrapper{min-height:min-content}#messageModal .intro{border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem;padding-bottom:1.5rem}#messageModal .intro-title{align-items:center;color:var(--gray-800);display:flex;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}#messageModal .intro-text{color:var(--gray-600);line-height:1.5;margin:0}#messageModal .problem.card{background-color:var(--white);border:1px solid var(--gray-300);border-left:4px solid #ffc107;border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.25rem}#messageModal .card-title{align-items:center;color:var(--gray-800);display:flex;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}#messageModal .card-text{color:var(--gray-700);line-height:1.5;margin-bottom:1rem}#messageModal .problem-list{list-style:none;margin:0;padding:0}#messageModal .problem-list li{align-items:flex-start;color:var(--gray-700);display:flex;line-height:1.4;margin-bottom:.5rem}#messageModal .problem-list li i{color:#ffc107;margin-top:.2rem}#messageModal .solution{margin-bottom:1.5rem}#messageModal .section-title{align-items:center;color:var(--gray-800);display:flex;font-size:1.1rem;font-weight:600;margin-bottom:1rem}#messageModal .solution-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}#messageModal .solution-item.card{align-items:center;background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius);display:flex;flex-direction:column;padding:1.25rem;text-align:center;transition:all .3s}#messageModal .solution-item.card:hover{border-color:var(--primary);transform:translateY(-2px)}#messageModal .item-icon{align-items:center;background-color:rgba(37,99,235,.1);border-radius:50%;color:var(--primary);display:flex;font-size:1.75rem;height:50px;justify-content:center;margin-bottom:.75rem;width:50px}#messageModal .item-text{color:var(--gray-800);font-size:.9rem;font-weight:500;margin:0}#messageModal .urgency.alert{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--border-radius);color:#856404;margin-bottom:1.5rem;padding:1rem}#messageModal .urgency-text{align-items:center;display:flex;font-size:.95rem;margin:0}#messageModal .cta{text-align:center}#messageModal .cta-button.btn{align-items:center;background-color:var(--primary);border:none;border-radius:var(--border-radius);color:var(--white);display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;margin-bottom:.75rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s;width:100%}#messageModal .cta-button.btn:hover{background-color:var(--primary-dark)}#messageModal .cta-url{align-items:center;color:var(--gray-600);display:flex;font-size:.85rem;justify-content:center;margin:0}#messageModal .me-2{margin-right:.5rem!important}#messageModal .mb-0{margin-bottom:0!important}@media (max-width:768px){#messageModal .modal-card{max-height:95vh;max-width:100%}#messageModal .modal-header{padding:1.25rem}#messageModal .logo-icon{font-size:1.5rem;height:50px;width:50px}#messageModal .logo-title{font-size:1.5rem}#messageModal .header-main h1{font-size:1.3rem}#messageModal .modal-body{padding:1.25rem}#messageModal .solution-grid{gap:.875rem;grid-template-columns:1fr}#messageModal .solution-item.card{padding:1rem}#messageModal .cta-button.btn{padding:.75rem 1.5rem}#messageModal .modal-body::-webkit-scrollbar{width:4px}}@media (max-width:480px){#messageModal .modal-header{padding:1rem}#messageModal .close-btn{font-size:1rem;height:32px;left:.75rem;top:.75rem;width:32px}#messageModal .logo-icon{font-size:1.25rem;height:45px;width:45px}#messageModal .logo-title{font-size:1.3rem}#messageModal .logo-subtitle{font-size:.8rem}#messageModal .header-main h1{font-size:1.1rem}#messageModal .modal-body{padding:1rem}#messageModal .intro-title{font-size:1.1rem}#messageModal .card-title,#messageModal .section-title{font-size:1rem}}.change-password-submit-btn{background:linear-gradient(135deg,var(--warning),#fbbf24);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;width:100%}.change-password-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-dark),var(--warning))}.change-password-submit-btn:disabled{cursor:not-allowed;opacity:.6}.change-password-form.loading .change-password-submit-btn{pointer-events:none}.change-password-form.loading .change-password-btn-text{opacity:0}.change-password-form.loading .spinner-border{display:inline-block!important}@media (max-width:575.98px){.change-password-submit-btn{padding:.75rem 1.25rem}}@font-face{font-family:Montserrat;src:url(b0e762989c189fcce6c9.woff2) format("woff2")}