@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.auth-container{display:flex;min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.auth-left{flex:1;background:linear-gradient(135deg,#3e4af9,#151951);display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff08;border-radius:50%;pointer-events:none}.auth-left-content{position:relative;z-index:2;text-align:center;max-width:400px}.auth-left-content h1{font-size:48px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:40px;margin-top:0;letter-spacing:-.5px}.auth-graphic{width:280px;height:280px;margin:0 auto 40px;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}.auth-logo{font-size:56px;font-weight:600;color:#fffffff2;margin-top:40px;letter-spacing:-1px}.auth-right{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.auth-right-content{width:100%;max-width:420px}.auth-tabs{display:flex;gap:30px;margin-bottom:40px;border-bottom:1px solid #e5e5e5;padding-bottom:15px}.auth-tab{font-size:18px;font-weight:500;color:#595959;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;position:relative;transition:color .3s ease}.auth-tab:hover{color:#1a1a2e}.auth-tab.active{color:#1a1a2e;font-weight:600}.auth-tab.active:after{content:"";position:absolute;bottom:-16px;left:0;right:0;height:3px;background:linear-gradient(135deg,#3e4af9,#5e64cb);border-radius:3px}.auth-social{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.social-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:15px;font-weight:500;color:#1a1a2e;text-decoration:none;background:#fff;transition:all .3s ease;cursor:pointer}.social-button:hover{border-color:#d0d0d0;background:#f9f9f9}.social-button.google{border-color:#e5e5e5}.social-button.google:hover{background:#f0f4ff;border-color:#4285f4}.social-button.facebook{border-color:#e5e5e5}.social-button.facebook:hover{background:#f0f7ff;border-color:#1877f2}.social-button.apple{border-color:#e5e5e5}.social-button.apple:hover{background:#f9f9f9;border-color:#000}.social-button svg{width:20px;height:20px}.auth-divider{display:flex;align-items:center;margin-bottom:28px;gap:15px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.auth-divider span{font-size:13px;color:#999;font-weight:500;white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:13px;font-weight:600;color:#595959;text-transform:capitalize;letter-spacing:.3px}.form-label-row{display:flex;justify-content:space-between;align-items:center}.forgot-password{font-size:13px;color:#1e6bff;text-decoration:none;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#1558d4;text-decoration:underline}.form-input{padding:12px 14px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;background:#f9f9f9;color:#1a1a2e;transition:all .3s ease;font-family:inherit}.form-input::-moz-placeholder{color:#bfbfbf}.form-input::placeholder{color:#bfbfbf}.form-input:focus{outline:none;background:#fff;border-color:#b47dd9;box-shadow:0 0 0 3px #b47dd91a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#bfbfbf;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:#1a1a2e}.auth-error{padding:12px;background:#fef3f3;border:1px solid #ffccc7;border-radius:6px;font-size:13px;color:#d4380d;font-weight:500}.auth-terms{font-size:12px;color:#999;text-align:center;line-height:1.5;margin:0}.auth-terms a{color:#1e6bff;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-terms a:hover{color:#1558d4;text-decoration:underline}.auth-submit{padding:14px 16px;background:linear-gradient(135deg,#3e4af9,#5e64cb);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #b47dd94d}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #b47dd966}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-signup-prompt{font-size:13px;color:#595959;text-align:center;margin:0}.auth-signup-prompt a{color:#1e6bff;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-signup-prompt a:hover{color:#1558d4;text-decoration:underline}@media(max-width:1024px){.auth-left-content h1{font-size:36px}.auth-graphic{width:220px;height:220px}}@media(max-width:768px){.auth-container{flex-direction:column}.auth-left{min-height:300px;padding:30px 20px}.auth-left-content h1{font-size:28px;margin-bottom:20px}.auth-graphic{width:180px;height:180px;margin-bottom:20px}.auth-logo{font-size:36px;margin-top:20px}.auth-right{min-height:100vh;padding:40px 20px}.auth-right-content{max-width:100%}.auth-tabs{gap:20px}.auth-tab{font-size:16px}.social-button{font-size:14px;padding:11px 14px}.form-input{font-size:13px;padding:11px 12px}.auth-submit{padding:13px 14px;font-size:15px}}@media(max-width:480px){.auth-left-content h1{font-size:24px;margin-bottom:15px}.auth-graphic{width:150px;height:150px;margin-bottom:15px}.auth-logo{font-size:28px}.auth-tabs{gap:15px;padding-bottom:12px}.auth-tab{font-size:14px}.auth-right-content{max-width:100%}.social-button{font-size:13px;padding:10px 12px;gap:8px}.social-button svg{width:18px;height:18px}.auth-divider{margin-bottom:20px;gap:10px}.auth-form{gap:16px}.form-input{font-size:13px;padding:10px 12px}.auth-submit{padding:12px;font-size:14px}.auth-signup-prompt{font-size:12px}}.otp-page{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.otp-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:36px 32px;border:1px solid var(--border-gray);box-shadow:0 12px 30px #0000000f}.otp-card h2{font-size:24px;font-weight:700;margin-bottom:6px;color:var(--dark-text)}.otp-subtitle{font-size:14px;color:var(--text-gray);margin-bottom:24px}.otp-card input{width:100%;padding:14px;margin-bottom:16px;border-radius:10px;border:1px solid var(--border-gray);font-size:15px;outline:none;transition:all .2s ease;font-family:inherit}.otp-card input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3e4af91f}.otp-error{color:#e53935;font-size:14px;margin-bottom:12px}.otp-card button{width:100%;padding:14px;border-radius:10px;border:none;font-size:15px;font-weight:600;background:var(--primary-blue);color:#fff;cursor:pointer;transition:.25s ease}.otp-card button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.otp-card button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.otp-card{padding:28px 22px}}.otp-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.otp-popup{background:#fff;padding:28px;border-radius:14px;max-width:380px;width:90%;text-align:center;box-shadow:0 12px 35px #00000040;animation:popupFade .3s ease}.otp-popup h3{font-size:20px;margin-bottom:10px;color:#16a34a}.otp-popup p{font-size:14.5px;color:#444;margin-bottom:18px;line-height:1.5}.popup-btn{background:#2563eb;color:#fff;border:none;padding:10px 22px;border-radius:10px;cursor:pointer;font-weight:600;transition:.25s}.popup-btn:hover{background:#1d4ed8}@keyframes popupFade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.onboarding-container{width:100%;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;padding:20px}.onboarding-card{width:100%;max-width:450px;background:#fff;border-radius:16px;padding:35px 30px;box-shadow:0 8px 25px #00000040;text-align:center;animation:fadeIn .6s ease-in-out}.onboarding-card h2{font-size:24px;font-weight:700;color:#111827;margin-bottom:8px}.subtitle{font-size:14px;color:#6b7280;margin-bottom:25px}.onboarding-card h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:18px}.onboarding-card input,.onboarding-card select{width:100%;padding:12px 14px;margin-bottom:18px;border-radius:10px;border:1px solid #d1d5db;font-size:15px;outline:none;transition:.3s}.onboarding-card input:focus,.onboarding-card select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}.onboarding-card button{width:100%;padding:12px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.onboarding-card button:hover{background:#1d4ed8}.onboarding-card button:disabled{background:#93c5fd;cursor:not-allowed}.dark-toggle{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;padding:12px 14px;border-radius:10px;margin-bottom:20px}.dark-toggle span{font-size:14px;font-weight:500;color:#374151}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#2563eb}.switch input:checked+.slider:before{transform:translate(22px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){.onboarding-card{padding:25px 20px}.onboarding-card h2{font-size:20px}.onboarding-card h3{font-size:16px}}.student-profile{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f8f9fb;color:#1a1a1a;line-height:1.6}.student-profile *{box-sizing:border-box}.sp-loading-container{display:flex;align-items:center;justify-content:center;min-height:600px;background:linear-gradient(135deg,#f8f9fb,#fff)}.sp-loading-spinner{text-align:center}.sp-spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid #e0e0e0;border-top:4px solid #3E4AF9;border-radius:50%;animation:sp-spin .8s linear infinite}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sp-loading-spinner p{font-size:16px;color:#666;font-weight:500}.sp-error-container{display:flex;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(135deg,#f8f9fb,#fff);padding:20px}.sp-error-box{background:#fff;border:2px solid #FF6B35;border-radius:12px;padding:40px;text-align:center;max-width:400px;box-shadow:0 4px 16px #ff6b351a}.sp-error-icon{font-size:48px;color:#ff6b35;margin-bottom:16px;display:block}.sp-error-box p{font-size:16px;color:#666;margin:0}.sp-container{width:100%;max-width:1400px;margin:0 auto;padding:20px;background-color:#f8f9fb;animation:sp-fade-in .5s ease-out}@keyframes sp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sp-header{background:linear-gradient(135deg,#fff,#f8f9fb);border-radius:16px;padding:40px;margin-bottom:30px;box-shadow:0 2px 12px #0000000d;border:1px solid #e8eaf0;animation:sp-slide-down .6s ease-out}@keyframes sp-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sp-header-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.sp-profile-info{display:flex;gap:30px;align-items:flex-start;flex:1}.sp-profile-image-wrapper{position:relative;flex-shrink:0}.sp-profile-image{width:140px;height:140px;border-radius:16px;border:4px solid #3E4AF9;-o-object-fit:cover;object-fit:cover;box-shadow:0 8px 24px #3e4af926;transition:transform .3s ease,box-shadow .3s ease}.sp-profile-image:hover{transform:scale(1.05);box-shadow:0 12px 32px #3e4af940}.sp-active-indicator{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background-color:#10b981;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #10b9814d;animation:sp-pulse 2s ease-in-out infinite}@keyframes sp-pulse{0%,to{box-shadow:0 2px 8px #10b9814d}50%{box-shadow:0 2px 16px #10b98180}}.sp-user-info{flex:1}.sp-user-name{font-size:32px;font-weight:700;margin:0 0 8px;color:#1a1a1a;text-transform:capitalize;letter-spacing:-.5px}.sp-user-email{font-size:14px;color:#999;margin:0 0 24px;font-weight:500}.sp-quick-stats{display:flex;gap:0;margin-top:20px;background:linear-gradient(135deg,#f0f2ff,#f8f9fb);border-radius:12px;padding:16px;border:1px solid #e8eaf0}.sp-stat-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 20px;flex:1;text-align:center}.sp-stat-label{font-size:12px;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sp-stat-value{font-size:18px;font-weight:700;color:#3e4af9}.sp-stat-divider{width:1px;background:#d4d8e8;margin:8px 0}.sp-header-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;flex:1}.sp-metric-card{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:center;transition:all .3s ease;cursor:pointer;animation:sp-fade-in-up .6s ease-out;animation-fill-mode:both}@keyframes sp-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sp-metric-card:nth-child(1){animation-delay:.1s}.sp-metric-card:nth-child(2){animation-delay:.2s}.sp-metric-card:nth-child(3){animation-delay:.3s}.sp-metric-card:hover{background:linear-gradient(135deg,#3e4af9,#2a32b8);color:#fff;border-color:#3e4af9;box-shadow:0 8px 24px #3e4af933;transform:translateY(-2px)}.sp-metric-icon-wrapper{width:50px;height:50px;background:#f0f2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-metric-card:hover .sp-metric-icon-wrapper{background:#fff3}.sp-metric-icon{font-size:24px;color:#3e4af9}.sp-metric-card:hover .sp-metric-icon{color:#fff}.sp-metric-content{flex:1}.sp-metric-label{font-size:12px;color:#999;font-weight:600;text-transform:uppercase;margin:0;letter-spacing:.5px}.sp-metric-card:hover .sp-metric-label{color:#fffc}.sp-metric-value{font-size:24px;font-weight:700;margin:4px 0 0;color:#1a1a1a}.sp-metric-card:hover .sp-metric-value{color:#fff}.sp-tabs{display:flex;gap:12px;margin-bottom:30px;background:#fff;padding:8px;border-radius:12px;border:1px solid #e8eaf0;box-shadow:0 2px 8px #00000008;overflow-x:auto}.sp-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#999;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative}.sp-tab:hover{background:#f8f9fb;color:#3e4af9}.sp-tab-active{background:linear-gradient(135deg,#3e4af9,#2a32b8);color:#fff}.sp-tab-active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:30px;height:3px;background:#3e4af9;border-radius:2px}.sp-tab-icon{font-size:16px}.sp-content{animation:sp-fade-in .5s ease-out}.sp-section{background:#fff;border-radius:16px;padding:40px;margin-bottom:30px;border:1px solid #e8eaf0;box-shadow:0 2px 12px #0000000d}.sp-section-title{font-size:24px;font-weight:700;margin:0 0 32px;color:#1a1a1a;display:flex;align-items:center;gap:12px}.sp-section-icon{font-size:28px;color:#3e4af9}.sp-section-subtitle{font-size:18px;font-weight:700;margin:32px 0 20px;color:#1a1a1a;padding-bottom:12px;border-bottom:2px solid #f0f2ff}.sp-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.sp-overview-card{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.sp-overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3e4af9,#f7931e);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.sp-overview-card:hover:before{transform:scaleX(1)}.sp-overview-card:hover{border-color:#3e4af9;box-shadow:0 8px 24px #3e4af91a;transform:translateY(-4px)}.sp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sp-card-header h3{font-size:16px;font-weight:700;margin:0;color:#1a1a1a}.sp-card-icon{font-size:20px;color:#3e4af9}.sp-card-accuracy .sp-accuracy-content{text-align:center}.sp-accuracy-circle{position:relative;width:120px;height:120px;margin:0 auto 16px}.sp-accuracy-value{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.sp-accuracy-number{display:block;font-size:32px;font-weight:700;color:#3e4af9}.sp-circular-progress{width:100%;height:50%;transform:rotate(-90deg)}.sp-progress-background{stroke:#e8eaf0;fill:none;stroke-width:8}.sp-progress-fill{fill:none;stroke:#3e4af9;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}@keyframes sp-progress-animation{0%{stroke-dashoffset:314}to{stroke-dashoffset:314}}.sp-accuracy-label{font-size:13px;color:#999;margin:0;font-weight:500}.sp-card-content{text-align:center}.sp-card-stat{font-size:28px;font-weight:700;margin:0 0 6px;color:#3e4af9}.sp-card-description{font-size:13px;color:#999;margin:0 0 16px;font-weight:500}.sp-progress-item{display:flex;align-items:center;gap:12px;margin-top:16px}.sp-progress-bar{flex:1;height:8px;background:#e8eaf0;border-radius:4px;overflow:hidden}.sp-progress-fill-bar{height:100%;border-radius:4px;transition:width .6s ease}.sp-progress-percent{font-size:13px;font-weight:700;color:#3e4af9;min-width:40px;text-align:right}.sp-card-strong{border-left:4px solid #3E4AF9}.sp-card-weak{border-left:4px solid #FF6B35}.sp-card-strong .sp-card-stat{color:#3e4af9}.sp-card-weak .sp-card-stat{color:#ff6b35}.sp-test-details{display:flex;gap:16px;margin-top:12px}.sp-test-detail-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#666}.sp-test-detail-icon{font-size:14px;color:#3e4af9}.sp-chart-section{margin-top:40px;padding-top:40px;border-top:1px solid #e8eaf0}.sp-chart-title{font-size:18px;font-weight:700;margin:0 0 24px;color:#1a1a1a}.sp-chart-wrapper{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:24px;transition:all .3s ease}.sp-chart-wrapper:hover{border-color:#3e4af9;box-shadow:0 8px 24px #3e4af914}.sp-small-chart{min-height:300px}.sp-subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.sp-subject-card{background:linear-gradient(135deg,#fff,#f8f9fb);border:1px solid #e8eaf0;border-radius:12px;padding:24px;transition:all .3s ease}.sp-subject-card:hover{border-color:#3e4af9;box-shadow:0 12px 32px #3e4af91a;transform:translateY(-6px)}.sp-subject-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px}.sp-subject-name{font-size:18px;font-weight:700;margin:0;color:#1a1a1a}.sp-accuracy-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;text-align:center}.sp-badge-1,.sp-badge-2{background:#ffe8e8;color:#ff6b35}.sp-badge-3{background:#fff3e0;color:#f7931e}.sp-badge-4{background:#e8f5ff;color:#3e4af9}.sp-subject-metrics{display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e8eaf0}.sp-subject-metric{flex:1;text-align:center;padding:12px;background:#fff;border-radius:8px;border:1px solid #e8eaf0;transition:all .3s ease}.sp-subject-metric:hover{background:#f0f2ff;border-color:#3e4af9}.sp-metric-mini-icon{font-size:16px;color:#3e4af9;display:block;margin-bottom:6px}.sp-metric-mini-label{display:block;font-size:11px;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.sp-metric-mini-value{display:block;font-size:18px;font-weight:700;color:#1a1a1a}.sp-subject-details{display:flex;flex-direction:column;gap:20px}.sp-detail-section{flex:1}.sp-detail-title{font-size:13px;font-weight:700;color:#666;text-transform:uppercase;margin:0 0 12px;letter-spacing:.5px}.sp-chapter-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.sp-chapter-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;padding:10px 12px;border-radius:8px;transition:all .3s ease}.sp-chapter-strong{background:#f0f9ff;color:#3e4af9;border-left:3px solid #3E4AF9}.sp-chapter-strong:hover{background:#e8f5ff;transform:translate(4px)}.sp-chapter-weak{background:#fff5f0;color:#ff6b35;border-left:3px solid #FF6B35;flex-direction:column;gap:8px}.sp-chapter-weak:hover{background:#ffe8e8;transform:translate(4px)}.sp-chapter-icon{font-size:14px;flex-shrink:0;margin-top:2px}.sp-chapter-name{font-weight:600;margin:0}.sp-reason-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.sp-reason-tag{display:inline-block;background:#ff6b3533;color:#ff6b35;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.sp-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.sp-analytics-card{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:24px;transition:all .3s ease}.sp-analytics-card:hover{border-color:#3e4af9;box-shadow:0 8px 24px #3e4af914}.sp-analytics-card-title{font-size:16px;font-weight:700;margin:0 0 20px;color:#1a1a1a}.sp-formulas-section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e8eaf0}.sp-formulas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.sp-formula-card{background:linear-gradient(135deg,#fff,#f8f9fb);border:1px solid #e8eaf0;border-radius:12px;padding:20px;transition:all .3s ease}.sp-formula-card:hover{border-color:#3e4af9;box-shadow:0 8px 24px #3e4af91a;transform:translateY(-4px)}.sp-formula-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.sp-formula-title{font-size:15px;font-weight:700;margin:0;color:#1a1a1a}.sp-formula-accuracy{background:#f0f2ff;color:#3e4af9;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.sp-formula-latex{background:#f8f9fb;border:1px solid #e8eaf0;border-radius:8px;padding:12px;margin-bottom:16px;font-family:Courier New,monospace;font-size:12px;color:#3e4af9;overflow-x:auto}.sp-formula-latex code{display:block}.sp-formula-stats{display:flex;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e8eaf0}.sp-formula-stat{flex:1;text-align:center;padding:8px;background:#fff;border-radius:6px;border:1px solid #e8eaf0}.sp-formula-stat .sp-stat-label{font-size:10px;color:#999;font-weight:600;display:block;margin-bottom:4px}.sp-formula-stat .sp-stat-val{display:block;font-size:16px;font-weight:700;color:#1a1a1a}.sp-formula-stat .sp-correct{color:#3e4af9}.sp-formula-stat .sp-incorrect{color:#ff6b35}.sp-progress-bar-formula{height:6px;background:#e8eaf0;border-radius:3px;overflow:hidden}.sp-progress-fill-formula{height:100%;background:linear-gradient(90deg,#3e4af9,#37b7c3);border-radius:3px;transition:width .6s ease}.sp-chapter-details-section{margin-bottom:40px}.sp-chapters-list{display:flex;flex-direction:column;gap:16px}.sp-chapter-performance-card{background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:24px;transition:all .3s ease}.sp-chapter-performance-card:hover{border-color:#3e4af9;box-shadow:0 8px 24px #3e4af914}.sp-chapter-perf-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.sp-chapter-perf-title{flex:1}.sp-chapter-perf-title h4{font-size:16px;font-weight:700;margin:0 0 6px;color:#1a1a1a}.sp-priority-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.sp-priority-low{background:#e8f5ff;color:#3e4af9}.sp-priority-medium{background:#fff3e0;color:#f7931e}.sp-priority-high{background:#ffe8e8;color:#ff6b35}.sp-chapter-perf-accuracy{text-align:right}.sp-accuracy-value{display:block;font-size:24px;font-weight:700;color:#3e4af9;text-align:center}.sp-chapter-perf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8eaf0}.sp-perf-stat-item{background:#f8f9fb;border:1px solid #e8eaf0;border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.sp-perf-stat-item:hover{background:#fff;border-color:#3e4af9}.sp-perf-icon{font-size:16px;display:block;margin-bottom:6px}.sp-perf-icon.success{color:#3e4af9}.sp-perf-icon.error{color:#ff6b35}.sp-perf-label{display:block;font-size:11px;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.sp-perf-value{display:block;font-size:14px;font-weight:700;color:#1a1a1a}.sp-chapter-error{background:#f8f9fb;border-left:3px solid #FF6B35;border-radius:6px;padding:12px;margin-bottom:16px}.sp-error-label{font-size:11px;color:#999;font-weight:600;text-transform:uppercase;margin:0;letter-spacing:.5px}.sp-error-text{font-size:13px;font-weight:600;color:#ff6b35;margin:6px 0 0}.sp-chapter-progress{display:flex;align-items:center;gap:12px}.sp-chapter-progress .sp-progress-bar{flex:1;height:10px}.sp-test-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px}.sp-summary-card{background:linear-gradient(135deg,#fff,#f8f9fb);border:1px solid #e8eaf0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.sp-summary-card:hover{border-color:#3e4af9;box-shadow:0 8px 24px #3e4af91a;transform:translateY(-4px)}.sp-summary-icon{width:50px;height:50px;background:#f0f2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#3e4af9;flex-shrink:0}.sp-summary-content{flex:1}.sp-summary-label{font-size:12px;color:#999;font-weight:600;text-transform:uppercase;margin:0;letter-spacing:.5px}.sp-summary-value{font-size:20px;font-weight:700;margin:4px 0 0;color:#1a1a1a}.sp-test-chart-section{margin:40px 0;padding:24px;background:#fff;border:1px solid #e8eaf0;border-radius:12px}.sp-tests-list{margin-top:40px}.sp-test-card{background:#fff;border:2px solid #e8eaf0;border-radius:12px;padding:24px;margin-bottom:16px;transition:all .3s ease}.sp-test-card:hover{border-color:#3e4af9;box-shadow:0 8px 24px #3e4af91a}.sp-test-good{border-left:4px solid #10b981}.sp-test-needs-improvement{border-left:4px solid #FF6B35}.sp-test-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.sp-test-info{flex:1}.sp-test-name{font-size:16px;font-weight:700;margin:0 0 6px;color:#1a1a1a}.sp-test-code{font-size:12px;color:#999;margin:0;font-weight:500}.sp-test-status{padding:6px 14px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.sp-test-status.submitted{background:#e8f5ff;color:#3e4af9}.sp-test-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e8eaf0}.sp-test-metric-item{background:#f8f9fb;border:1px solid #e8eaf0;border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.sp-test-metric-item:hover{background:#fff;border-color:#3e4af9}.sp-test-metric-label{display:block;font-size:11px;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.sp-test-metric-val{display:block;font-size:16px;font-weight:700;color:#1a1a1a}.sp-test-improvement{font-size:14px;color:#666;font-style:italic;margin:0;padding:12px;background:#f8f9fb;border-radius:6px;border-left:3px solid #3E4AF9}.sp-bookmarks-section{background:#fff;border-radius:16px;padding:40px;border:1px solid #e8eaf0;box-shadow:0 2px 12px #0000000d}.sp-bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.sp-bookmark-card{background:linear-gradient(135deg,#fff,#f8f9fb);border:1px solid #e8eaf0;border-radius:12px;padding:24px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.sp-bookmark-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(62,74,249,.1),transparent);transition:left .5s ease}.sp-bookmark-card:hover:before{left:100%}.sp-bookmark-card:hover{border-color:#3e4af9;box-shadow:0 12px 32px #3e4af91f;transform:translateY(-6px)}.sp-bookmark-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sp-bookmark-icon{font-size:24px;color:#3e4af9}.sp-bookmark-name{font-size:16px;font-weight:700;margin:0;color:#1a1a1a}.sp-bookmark-count{font-size:13px;color:#999;margin:0 0 16px;font-weight:500}.sp-bookmark-action{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#3e4af9;padding:8px 12px;background:#f0f2ff;border-radius:6px;transition:all .3s ease}.sp-bookmark-card:hover .sp-bookmark-action{background:#3e4af9;color:#fff}.sp-action-icon{font-size:12px}@media(max-width:1024px){.sp-header-wrapper{flex-direction:column;gap:24px}.sp-header-metrics{grid-template-columns:repeat(3,1fr);width:100%}.sp-overview-grid{grid-template-columns:repeat(2,1fr)}.sp-subjects-grid,.sp-analytics-grid{grid-template-columns:1fr}.sp-chapter-perf-stats,.sp-test-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sp-container{padding:12px}.sp-header,.sp-section{padding:24px}.sp-header-wrapper{flex-direction:column}.sp-profile-info{flex-direction:column;align-items:center;text-align:center;gap:16px}.sp-header-metrics{grid-template-columns:1fr;width:100%}.sp-user-name{font-size:24px}.sp-quick-stats{flex-direction:column}.sp-stat-divider{width:100%;height:1px}.sp-tabs{flex-wrap:wrap;gap:8px}.sp-tab{padding:10px 16px;font-size:13px}.sp-overview-grid,.sp-subjects-grid{grid-template-columns:1fr}.sp-subject-metrics{flex-direction:column}.sp-formulas-grid,.sp-chapter-perf-stats{grid-template-columns:1fr}.sp-test-summary,.sp-test-metrics-grid{grid-template-columns:repeat(2,1fr)}.sp-test-card{padding:16px}.sp-bookmarks-grid{grid-template-columns:1fr}.sp-chart-wrapper{overflow-x:auto}}@media(max-width:480px){.sp-container{padding:8px}.sp-header,.sp-section{padding:16px}.sp-profile-image{width:100px;height:100px}.sp-user-name,.sp-section-title{font-size:20px}.sp-test-summary{grid-template-columns:1fr}.sp-metric-card{padding:16px}.sp-overview-grid{gap:16px}.sp-tabs{overflow-x:auto;scroll-behavior:smooth}}@keyframes sp-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sp-glow{0%,to{box-shadow:0 0 10px #3e4af94d}50%{box-shadow:0 0 20px #3e4af999}}.student-profile button:focus-visible,.student-profile a:focus-visible,.student-profile input:focus-visible{outline:2px solid #3E4AF9;outline-offset:2px}.student-profile ::-moz-selection{background-color:#3e4af9;color:#fff}.student-profile ::selection{background-color:#3e4af9;color:#fff}.exam-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:24px!important;padding:75px!important;background:#fff!important}.exam-card{background:#fff!important;border:1px solid var(--border-gray)!important;border-radius:14px;padding:18px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #0000000a}.exam-card:hover{transform:translateY(-6px);box-shadow:0 10px 28px #00000014;border-color:var(--primary-blue)}.exam-card img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:10px;margin-bottom:14px;background:var(--light-gray)}.exam-card h3{font-size:17px;font-weight:600;margin-bottom:6px;color:var(--dark-text)}.exam-card p{font-size:14px;color:var(--text-gray)}@media(max-width:600px){.exam-grid{padding:20px;gap:16px}}.exam-buy-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.exam-buy-btn{background:var(--primary-blue);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:9999;position:relative}.exam-buy-btn:hover{background:var(--primary-dark);transform:scale(1.06);box-shadow:0 6px 16px #2e3ab373}.exam-price{padding:12px}.exam-go-btn{background:var(--primary-dark);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;text-align:center;z-index:9999;position:relative}.exam-go-btn:hover{background:var(--primary-blue);transform:scale(1.06);box-shadow:0 6px 16px #3e4af973}.authModal-overlay{position:fixed;inset:0;background:#1a1a1aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .25s ease-in-out}.authModal-box{width:420px;background:var(--bg-primary);border-radius:16px;padding:28px 26px;box-shadow:0 10px 40px #00000040;position:relative;text-align:center;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}.authModal-close{position:absolute!important;top:14px!important;right:14px!important;width:36px!important;height:36px!important;border:none!important;border-radius:50%!important;background:var(--bg-tertiary);color:var(--text-muted);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.authModal-close:hover{background:var(--primary-lighter);color:var(--primary-blue);transform:rotate(90deg) scale(1.08);box-shadow:0 4px 12px #3e4af940}.authModal-close:active{transform:scale(.95)}.authModal-box h2{font-size:22px;font-weight:700;color:var(--text-dark);margin-bottom:18px}.authModal-box input{width:100%;padding:13px 14px;margin:10px 0;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);font-size:15px;outline:none;transition:.25s ease}.authModal-box input:focus{border-color:var(--primary-blue);background:#fff;box-shadow:0 0 0 3px #3e4af926}.authModal-box input::-moz-placeholder{color:var(--text-light);font-size:14px}.authModal-box input::placeholder{color:var(--text-light);font-size:14px}.authModal-error{margin:10px 0;padding:10px;border-radius:10px;background:#ff000014;color:red;font-size:14px;font-weight:500}.authModal-box button{width:100%;padding:13px;margin-top:12px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.25s ease}.authModal-box button:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-blue));transform:translateY(-2px);box-shadow:0 6px 18px #3e4af959}.authModal-box button:disabled{opacity:.6;cursor:not-allowed;transform:none}.authModal-switch{margin-top:18px;font-size:14px;color:var(--text-muted)}.authModal-switch span{color:var(--primary-blue);font-weight:600;cursor:pointer;position:relative;transition:.2s}.authModal-switch span:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:var(--underline);transform:scaleX(0);transition:transform .25s ease}.authModal-switch span:hover:after{transform:scaleX(1)}@media(max-width:480px){.authModal-box{width:92%;padding:22px}.authModal-box h2{font-size:20px}}.global-loader-wrapper{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background:transparent;z-index:999999}.global-loader-box{background:none;padding:0;box-shadow:none;border-radius:0}.loader{width:80px;aspect-ratio:1;background:radial-gradient(farthest-side at top,#0000 calc(100% - 21px),var(--primary-blue) calc(100% - 20px) 99%,#0000) bottom/100% 50%,radial-gradient(farthest-side,var(--primary-blue) 94%,#0000) left/20px 20px,radial-gradient(farthest-side,var(--primary-blue) 94%,#0000) right/20px 20px;background-repeat:no-repeat;position:relative}.loader:before{content:"";position:absolute;width:20px;height:20px;inset:auto 0 0;margin:auto;border-radius:50%;background:var(--primary-dark);transform-origin:50% -20px;animation:l14 1s infinite cubic-bezier(.5,623,.5,-623)}@keyframes l14{to{transform:rotate(.5deg)}}.loader-text{display:none}@media(max-width:600px){.loader{width:60px}}.es-root{padding:70px;min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2ff);font-family:var(--font-secondary);animation:pageFade .6s ease}@keyframes pageFade{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.es-header{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:50px;text-align:center}.es-title{font-size:34px;font-weight:700;letter-spacing:.4px}.es-sub{max-width:620px;color:#6b7280;font-size:15px}.es-count{font-size:14px;color:#4b5563}.es-search{display:flex;align-items:center;width:580px;background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid #e5e7eb;padding:6px 6px 6px 16px;transition:.35s}.es-search:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.es-search:focus-within{border-color:#4f46e5;box-shadow:0 8px 28px #4f46e540}.es-search input{flex:1;border:none;outline:none;padding:12px;font-size:14px;background:transparent}.es-search-icon{color:#9ca3af;font-size:14px}.es-search button{position:relative;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;padding:10px 24px;border-radius:40px;cursor:pointer;font-weight:600;transition:.3s}.es-search button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #4f46e566}.es-search button:before{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.9),transparent);transform:skew(-25deg)}.es-search button:hover:before{animation:shine 1s}.es-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.es-card{position:relative;background:#fff;border-radius:22px;overflow:hidden;border:1px solid #eee;transition:.35s;cursor:pointer}.es-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 50px #00000026}.es-card img{width:100%;height:280px;-o-object-fit:cover;object-fit:cover;transition:.4s}.es-card:hover img{transform:scale(1.05)}.es-card-body{padding:18px}.es-card-body h3{font-size:17px;margin-bottom:4px;font-weight:600}.es-card-body p{font-size:13px;color:#6b7280}.es-actions{margin-top:14px;display:flex;gap:10px}.es-action{position:relative;border:none;background:#f3f4f6;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s;overflow:hidden}.es-action i{transition:.35s}.es-action:hover i{transform:translateY(-2px) scale(1.2)}.es-action.details:hover{background:#e0e7ff;color:#4338ca}.es-action.love:hover{background:#ffe4e6;color:#e11d48;transform:scale(1.15)}.es-action.mute:hover{background:#fef2f2;color:#ef4444}.es-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;z-index:2}.es-badge.top{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b66}.es-badge.trending{left:auto;right:12px;background:linear-gradient(135deg,#ef4444,#f43f5e);box-shadow:0 4px 12px #ef444459}.es-loading{text-align:center;margin-top:80px;color:#6b7280;font-size:15px}.es-top-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;color:#000;letter-spacing:.3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:badgePop .4s ease}@keyframes badgePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.es-top-badge.trending{right:12px;left:auto;background:linear-gradient(135deg,#ef4444,#f43f5e);box-shadow:0 6px 16px #ef444459}.es-card:hover .es-badge{transform:scale(1.05)}:root{--success: #27AE60;--danger: #E74C3C;--warning: #F39C12;--font-primary: "Poppins", sans-serif;--font-secondary: "Montserrat", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-light: 0 2px 8px rgba(62, 74, 249, .06);--shadow-medium: 0 4px 16px rgba(62, 74, 249, .1);--shadow-hover: 0 8px 24px rgba(62, 74, 249, .12)}.exam-details{min-height:100vh;background-color:var(--off-white);font-family:var(--font-secondary);color:var(--text-secondary);line-height:1.6;animation:fadeIn .5s ease-out}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-lg)}.loading-spinner{width:48px;height:48px;border:3px solid var(--medium-gray);border-top-color:var(--primary-blue);border-radius:50%;animation:spin .8s linear infinite}.loading-state p,.error-state p{font-size:1rem;color:var(--text-secondary);font-weight:500}.error-state i{font-size:3rem;color:var(--primary-blue);opacity:.8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--white);border-radius:var(--radius-lg);text-align:center;gap:var(--spacing-md);border:2px solid var(--medium-gray);min-height:300px;grid-column:1 / -1}.empty-state i{font-size:3rem;color:var(--gray)}.empty-state p{color:var(--text-muted);font-size:.95rem}.exam-banner-container{position:relative;width:100%;height:280px;overflow:hidden;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%)}.exam-banner{background-image:url(https://t3.ftcdn.net/jpg/05/00/34/58/360_F_500345899_4OqmtspFst6SRnNQvLj7h7TfKOrBwTer.jpg);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;opacity:.85;animation:zoomIn .6s ease-out}.exam-header-section{background:var(--white);border-bottom:2px solid var(--medium-gray);padding:var(--spacing-xl) var(--spacing-lg);position:relative;z-index:10;box-shadow:var(--shadow-light);animation:slideDown .5s ease-out}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl)}.header-text{flex:1}.exam-title{font-family:var(--font-primary);font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.2;letter-spacing:-.5px}.exam-conducting-body{font-size:.95rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.exam-conducting-body i{color:var(--primary-blue);font-size:.9rem}.btn-view-batches{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all .3s ease;box-shadow:var(--shadow-light);white-space:nowrap}.btn-view-batches:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-view-batches:active{transform:translateY(0)}.btn-view-batches i{font-size:.9rem;transition:transform .3s ease}.btn-view-batches:hover i{transform:translate(3px)}.exam-content-wrapper{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);animation:fadeInUp .6s ease-out .1s both}.quick-info-section{margin-bottom:var(--spacing-2xl);animation:fadeInUp .6s ease-out .2s both}.quick-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}.info-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:var(--shadow-light);border-left:4px solid var(--primary-blue);transition:all .3s ease}.info-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.info-icon{width:56px;height:56px;background:var(--primary-blue-lighter);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem;color:var(--primary-blue)}.info-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.info-value{font-size:1.3rem;font-weight:700;color:var(--primary-blue);font-family:var(--font-primary)}.marking-scheme-section{margin-bottom:var(--spacing-2xl);animation:fadeInUp .6s ease-out .3s both}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-blue)}.section-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.section-title i{color:var(--primary-blue);font-size:1.3rem}.section-count{font-size:.9rem;background:var(--primary-blue-lighter);color:var(--primary-blue);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-primary)}.marking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg)}.marking-item{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:var(--shadow-light);border-top:3px solid var(--primary-blue);transition:all .3s ease}.marking-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.marking-item.correct{border-top-color:var(--success)}.marking-item.incorrect{border-top-color:var(--danger)}.marking-item.unattempted{border-top-color:var(--gray)}.marking-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;border-radius:var(--radius-md)}.marking-item.correct .marking-icon{background:#27ae6026;color:var(--success)}.marking-item.incorrect .marking-icon{background:#e74c3c26;color:var(--danger)}.marking-item.unattempted .marking-icon{background:#d4d8e04d;color:var(--gray)}.marking-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.marking-label{font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.marking-value{font-size:1.3rem;font-weight:700;color:var(--text-primary);font-family:var(--font-primary)}.marking-item.correct .marking-value{color:var(--success)}.marking-item.incorrect .marking-value{color:var(--danger)}.sections-section{animation:fadeInUp .6s ease-out .4s both}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.section-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);overflow:hidden;transition:all .3s ease;border:1px solid var(--medium-gray);display:flex;flex-direction:column}.section-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:var(--primary-blue)}.section-card-header{background:linear-gradient(135deg,var(--primary-blue-lighter) 0%,rgba(62,74,249,.08) 100%);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);border-bottom:1px solid var(--medium-gray)}.exam-details .section-badge{display:inline-block;color:#fff;letter-spacing:.5px;margin-left:.5rem;background:var(--primary-blue);width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:700;font-size:1rem;flex-shrink:0}.section-name{font-family:var(--font-primary);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;flex:1;line-height:1.3}.section-card-divider{height:1px;background:var(--medium-gray)}.section-card-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.section-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--light-gray)}.section-detail:last-child{border-bottom:none}.section-detail.total-marks{background:var(--primary-blue-lighter);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-sm);font-weight:600}.detail-label{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.detail-label i{font-size:.9rem;color:var(--primary-blue)}.detail-value{font-size:1rem;color:var(--text-primary);font-weight:700;font-family:var(--font-primary)}.section-detail.total-marks .detail-value.total{font-size:1.2rem;color:var(--primary-blue)}@keyframes zoomIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.exam-content-wrapper{padding:var(--spacing-xl) var(--spacing-md)}.header-content{flex-direction:column;align-items:flex-start}.btn-view-batches{width:100%;justify-content:center}.exam-title{font-size:1.5rem}.quick-info-grid,.marking-grid,.sections-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.section-card-body{gap:var(--spacing-sm)}}@media(max-width:768px){:root{--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 32px}.exam-banner-container{height:200px}.exam-header-section{padding:var(--spacing-lg) var(--spacing-md)}.header-content{flex-direction:column;gap:var(--spacing-lg)}.exam-title{font-size:1.3rem}.exam-content-wrapper{padding:var(--spacing-lg) var(--spacing-md)}.quick-info-grid,.marking-grid{grid-template-columns:1fr}.info-card,.marking-item{gap:var(--spacing-md)}.info-icon{width:48px;height:48px;font-size:1.2rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.sections-grid{grid-template-columns:1fr}.section-detail{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media(max-width:480px){.exam-banner-container{height:160px}.exam-header-section{padding:var(--spacing-md)}.exam-title{font-size:1.1rem}.exam-conducting-body{font-size:.85rem}.btn-view-batches{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.exam-content-wrapper{padding:var(--spacing-md)}.quick-info-grid,.marking-grid,.sections-grid{gap:var(--spacing-md)}.section-title{font-size:1.1rem}.section-count{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.marking-grid{grid-template-columns:1fr}.marking-item,.info-card{flex-direction:column;text-align:center}.section-card-header{gap:var(--spacing-sm)}.section-card-body{padding:var(--spacing-md)}.detail-label{font-size:.75rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--off-white)}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}@media print{.btn-view-batches{display:none}}.batches-page{max-width:1100px;margin:40px auto;padding:0 24px;background:#fff!important}.page-title{font-size:28px;font-weight:700;margin-bottom:30px;color:#111}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-height:420px;overflow-y:auto;overflow-x:hidden;padding:10px;box-sizing:border-box}.grid-item{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #ccc;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.grid-item.not-visited{background:#f2f2f2}.grid-item.not-answered{background:#ffebcc}.grid-item.answered{background:#d4f8d4}.grid-item.marked{background:#e0ccff}.grid-item.marked-answered{background:#cce0ff}.grid-item.current{border:2px solid #007bff;box-shadow:0 0 6px #007bff99}.question-grid::-webkit-scrollbar{width:6px}.question-grid::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.question-grid::-webkit-scrollbar-track{background:transparent}.batches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.batch-card{background:#fff;border-radius:18px;padding:22px 22px 24px;border:1px solid #e5e7eb;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 18px #0000000d;position:relative;overflow:hidden}.batch-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001a;border-color:#3e4af9}.batch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.batch-header h3{font-size:18px;font-weight:700;color:#1a1a1a}.arrow{color:#3e4af9;font-size:18px;transition:transform .3s ease}.batch-card:hover .arrow{transform:translate(6px)}.batch-info p{display:flex;align-items:center;gap:10px;font-size:14.5px;margin-bottom:10px;color:#555}.batch-info svg{color:#3e4af9;width:16px}.batch-info span{font-weight:600;color:#222}@media(max-width:600px){.page-title{font-size:22px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);line-height:1.6}.exam-details-container{max-width:1200px;margin:0 auto;padding:40px 24px;min-height:100vh}@media(max-width:768px){.exam-details-container{padding:24px 16px}}.exam-header{position:relative;margin-bottom:48px;animation:fadeInDown .6s ease-out}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;flex-wrap:wrap}.header-left{flex:1;min-width:250px}.exam-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-lighter);color:var(--primary-dark);padding:8px 14px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:16px;text-transform:uppercase}.exam-badge i{font-size:11px}.exam-title{font-size:42px;font-weight:600;color:var(--text-dark);margin-bottom:12px;line-height:1.2;letter-spacing:-.5px}.exam-subtitle{font-size:16px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.exam-subtitle i{color:var(--primary-blue);font-size:14px}.header-right{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:768px){.exam-title{font-size:28px}.header-top{flex-direction:column;align-items:stretch}.header-right{justify-content:stretch}.header-right button{flex:1}}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-primary{background:var(--primary-blue);color:#fff;box-shadow:0 2px 8px #3e4af926}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 16px #3e4af940;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #3e4af926}.btn-secondary{background:var(--bg-secondary);color:var(--text-dark);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-blue);color:var(--primary-blue);box-shadow:0 2px 8px #3e4af91a}.btn i{font-size:15px}.exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:48px}@media(max-width:768px){.exam-grid{grid-template-columns:1fr;gap:16px}}.info-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:24px;transition:all .3s ease-out;animation:fadeInUp .6s ease-out}.info-card:hover{border-color:var(--primary-lighter);box-shadow:0 4px 16px #3e4af914;transform:translateY(-2px)}.card-icon{display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;background:var(--primary-lighter);border-radius:10px;color:var(--primary-blue);font-size:20px;margin-bottom:16px}.card-label{font-size:12px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.card-value{font-size:24px;font-weight:600;color:var(--text-dark);line-height:1.2}.card-unit{font-size:12px;color:var(--text-muted);margin-top:4px}.exam-section{margin-bottom:48px;animation:fadeInUp .7s ease-out}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--primary-lighter)}.section-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-lighter);border-radius:8px;color:var(--primary-blue);font-size:16px}.section-title{font-size:20px;font-weight:600;color:var(--text-dark);flex:1}.section-count{background:var(--primary-lighter);color:var(--primary-blue);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.marking-scheme{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.marking-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease-out}.marking-item:hover{border-color:var(--primary-lighter);box-shadow:0 2px 8px #3e4af90f}.marking-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-lighter);border-radius:8px;color:var(--primary-blue);font-size:18px;flex-shrink:0}.marking-content{flex:1}.marking-label{font-size:12px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.marking-value{font-size:20px;font-weight:600;color:var(--text-dark)}.sections-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}@media(max-width:768px){.sections-container{grid-template-columns:1fr}}.section-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .7s ease-out;position:relative;overflow:hidden}.section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-blue);opacity:0;transition:opacity .3s ease-out}.section-card:hover{border-color:var(--primary-lighter);box-shadow:0 8px 24px #3e4af91f;transform:translateY(-4px)}.section-card:hover:before{opacity:1}.section-card-title{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:20px;display:flex;align-items:center;gap:10px}.section-card-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-lighter);border-radius:6px;color:var(--primary-blue);font-size:14px}.section-card-details{display:flex;flex-direction:column;gap:14px}.detail-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-label{font-size:13px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:8px}.detail-label i{color:var(--primary-blue);font-size:12px;min-width:14px}.detail-value{font-size:15px;font-weight:600;color:var(--text-dark)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;gap:12px}.loading-text{font-size:16px;color:var(--text-muted);display:flex;align-items:center;gap:10px}.exam-grid>.info-card:nth-child(1){animation-delay:.1s}.exam-grid>.info-card:nth-child(2){animation-delay:.2s}.exam-grid>.info-card:nth-child(3){animation-delay:.3s}.exam-grid>.info-card:nth-child(4){animation-delay:.4s}.sections-container>.section-card:nth-child(1){animation-delay:.2s}.sections-container>.section-card:nth-child(2){animation-delay:.3s}.sections-container>.section-card:nth-child(3){animation-delay:.4s}.sections-container>.section-card:nth-child(n+4){animation-delay:.5s}@media(max-width:1024px){.exam-details-container{padding:32px 20px}.exam-title{font-size:32px}.section-card-details{gap:12px}}@media(max-width:640px){.exam-details-container{padding:20px 12px}.exam-title{font-size:24px}.exam-subtitle{font-size:14px}.exam-badge{font-size:11px}.card-value{font-size:20px}.section-title{font-size:18px}.btn{padding:10px 16px;font-size:13px}.detail-row{flex-direction:column;align-items:flex-start;gap:6px}}button:focus-visible,a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}:root{--primary-orange: #f39c12;--primary-blue: #2c3e50;--light-gray: #ecf0f1;--border-gray: #bdc3c7;--success-green: #27ae60;--warning-red: #e74c3c;--mark-purple: #8e44ad;--visited-light: #f8f9fa;--font-primary: "Arial", sans-serif}body{font-family:var(--font-primary)}.exam-container{width:100%;min-height:100vh;background-color:#fafafa}.exam-header{background-color:#fff;border-bottom:3px solid var(--primary-orange);padding:15px 25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center;gap:15px;flex:1}.nta-logo{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.header-text{display:flex;flex-direction:column}.header-text h1{font-size:18px;font-weight:700;color:var(--primary-blue);letter-spacing:.5px}.tagline{font-size:12px;background-color:var(--primary-blue);color:#fff;padding:3px 8px;display:inline-block;width:-moz-fit-content;width:fit-content;margin-top:2px;font-weight:600}.candidate-info{display:flex;flex-direction:column;gap:8px;border-left:2px solid var(--border-gray);min-width:350px;background:linear-gradient(to right,rgba(243,156,18,.05),transparent);padding:15px 20px;border-radius:4px}.info-item{font-size:13px;color:var(--primary-blue);font-weight:600}.highlight{color:var(--warning-red);font-weight:700}.timer{background-color:var(--warning-red);color:#fff;padding:4px 12px;border-radius:4px;font-family:Courier New,monospace;font-weight:700}.subject-bar{background-color:var(--primary-orange);padding:12px 25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.subject-tabs{display:flex;align-items:center;gap:20px;flex:1}.exam-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:1px}.tabs{display:flex;gap:10px}.tab{background-color:var(--primary-blue);color:#fff;border:none;padding:10px 18px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;border-radius:2px;letter-spacing:.5px}.tab:hover{background-color:#34495e}.tab.active{background-color:#fff;color:var(--primary-orange);box-shadow:0 2px 6px #0003}.bar-controls{display:flex;gap:30px;align-items:center}.download-section,.language-section{display:flex;align-items:center;gap:10px}.download-section label,.language-section label{font-size:12px;font-weight:700;color:#fff;letter-spacing:.5px}.download-btn{background-color:var(--primary-blue);color:#fff;border:none;padding:10px 20px;font-size:12px;font-weight:700;cursor:pointer;border-radius:2px;transition:all .3s ease}.download-btn:hover{background-color:#34495e;transform:translateY(-1px)}.language-section select{padding:6px 12px;border:none;border-radius:2px;font-size:12px;font-weight:600;background-color:#fff;color:var(--primary-blue);cursor:pointer}.exam-content{display:grid;grid-template-columns:1fr 280px;gap:20px;padding:20px 25px;max-width:1600px;margin:0 auto}.question-panel{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:25px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid var(--light-gray)}.question-header h3{font-size:16px;color:var(--primary-blue);font-weight:700}.expand-btn{background:none;border:none;font-size:18px;cursor:pointer;color:var(--primary-orange);transition:all .3s ease}.expand-btn:hover{transform:scale(1.2)}.question-text{margin-bottom:20px}.subject-tag{font-size:12px;color:var(--primary-blue);font-weight:700;text-transform:uppercase;margin-bottom:8px}.question-text h4{font-size:14px;color:var(--primary-blue);font-weight:700;margin-bottom:10px}.question-body{font-size:14px;color:#333;line-height:1.6;margin-bottom:15px;font-family:Georgia,serif}.options-container{margin:25px 0;display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:flex-start;padding:12px 15px;border:2px solid var(--border-gray);border-radius:4px;cursor:pointer;transition:all .3s ease;background-color:#fafafa}.option:hover{border-color:var(--primary-orange);background-color:#f39c120d}.option input[type=radio]{width:18px;height:18px;margin-right:12px;cursor:pointer;flex-shrink:0;margin-top:2px}.option-text{font-size:13px;color:#333;line-height:1.5}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.btn{padding:12px 18px;border:none;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-save{background-color:var(--success-green);color:#fff;grid-column:1}.btn-save:hover{background-color:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.btn-mark-review{background-color:var(--primary-orange);color:#fff;grid-column:2}.btn-mark-review:hover{background-color:#d68910;transform:translateY(-2px);box-shadow:0 4px 8px #f39c124d}.btn-clear{background-color:#95a5a6;color:#fff;grid-column:1}.btn-clear:hover{background-color:#7f8c8d;transform:translateY(-2px)}.btn-mark{background-color:var(--primary-blue);color:#fff;grid-column:2}.btn-mark:hover{background-color:#34495e;transform:translateY(-2px)}.btn-mark.marked{background-color:var(--mark-purple);box-shadow:0 4px 8px #8e44ad4d}.navigation{display:flex;gap:15px;margin-top:25px;justify-content:space-between;align-items:center}.btn-nav{padding:10px 16px;border:2px solid var(--border-gray);background-color:#fff;color:var(--primary-blue);font-size:12px;font-weight:700;cursor:pointer;border-radius:4px;transition:all .3s ease}.btn-nav:hover:not(:disabled){border-color:var(--primary-orange);color:var(--primary-orange);background-color:#f39c120d}.btn-nav:disabled{opacity:.4;cursor:not-allowed}.btn-submit{background-color:var(--success-green);color:#fff;padding:10px 30px;border:none;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-submit:hover{background-color:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #27ae604d}.question-grid-panel{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:20px;height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.legend{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--light-gray)}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#333;font-weight:600}.legend-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;font-size:10px;font-weight:700;color:#fff}.legend-badge.not-visited{background-color:var(--light-gray);color:#666}.legend-badge.not-answered{background-color:var(--warning-red)}.legend-badge.answered{background-color:var(--success-green)}.legend-badge.marked{background-color:var(--mark-purple)}.legend-badge.marked-answered{background-color:var(--mark-purple);box-shadow:inset 0 0 0 2px var(--success-green)}.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grid-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-gray);border-radius:4px;background-color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;color:#333}.grid-item:hover{border-color:var(--primary-orange);background-color:#f39c121a}.grid-item.current{background-color:var(--primary-orange);color:#fff;border-color:var(--primary-orange);box-shadow:0 2px 8px #f39c1266}.grid-item.not-visited{background-color:var(--light-gray);border-color:var(--border-gray);color:#666}.grid-item.not-answered{background-color:var(--warning-red);border-color:var(--warning-red);color:#fff}.grid-item.answered{background-color:var(--success-green);border-color:var(--success-green);color:#fff}.grid-item.marked{background-color:var(--mark-purple);border-color:var(--mark-purple);color:#fff}.grid-item.marked-answered{background:linear-gradient(135deg,var(--success-green) 50%,var(--mark-purple) 50%);border-color:var(--mark-purple);color:#fff}.summary-container{padding:40px 25px;max-width:1200px;margin:20px auto 0;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.summary-container h2{font-size:28px;color:var(--primary-blue);margin-bottom:30px;text-align:center;font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.summary-card{padding:25px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.summary-card.total{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card.attempted{background:linear-gradient(135deg,var(--success-green) 0%,#229954 100%)}.summary-card.not-attempted{background:linear-gradient(135deg,var(--warning-red) 0%,#c0392b 100%)}.summary-card.marked{background:linear-gradient(135deg,var(--mark-purple) 0%,#6c3483 100%)}.summary-label{font-size:14px;color:#ffffffe6;font-weight:600;letter-spacing:.5px;margin-bottom:10px}.summary-value{font-size:36px;color:#fff;font-weight:700}.summary-container h3{font-size:20px;color:var(--primary-blue);margin:40px 0 20px;font-weight:700}.details-table{width:100%;overflow-x:auto;margin-bottom:30px}table{width:100%;border-collapse:collapse;font-size:13px}thead{background-color:var(--primary-blue);color:#fff}th{padding:15px;text-align:left;font-weight:700;letter-spacing:.5px}td{padding:12px 15px;border-bottom:1px solid var(--light-gray);color:#333}tbody tr:hover{background-color:#f39c120d}tbody tr:nth-child(2n){background-color:var(--visited-light)}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.answered{background-color:var(--success-green);color:#fff}.status-badge.not-answered{background-color:var(--warning-red);color:#fff}.status-badge.not-visited{background-color:var(--light-gray);color:#666}.btn-continue{background-color:var(--primary-orange);color:#fff;border:none;padding:12px 30px;font-size:13px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:block;margin:0 auto}.btn-continue:hover{background-color:#d68910;transform:translateY(-2px);box-shadow:0 4px 8px #f39c124d}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:var(--primary-blue);font-weight:600;background:linear-gradient(135deg,#f39c121a,#2c3e500d)}@media(max-width:1200px){.exam-content{grid-template-columns:1fr}.question-grid-panel{position:relative;top:0}.question-grid{grid-template-columns:repeat(8,1fr)}.bar-controls{gap:15px;font-size:11px}}@media(max-width:768px){.exam-header{flex-direction:column;gap:15px;padding:15px}.header-left{width:100%}.candidate-info{width:100%;min-width:unset;border-left:none;border-top:2px solid var(--border-gray);padding-left:0;padding-top:15px}.subject-bar{flex-direction:column;gap:15px;padding:15px}.subject-tabs{flex-direction:column;gap:10px}.bar-controls{flex-direction:column;width:100%;gap:10px}.action-buttons{grid-template-columns:1fr}.question-grid{grid-template-columns:repeat(6,1fr)}.summary-grid{grid-template-columns:1fr}}.result-box{margin:30px 0;padding:25px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.result-box h2{font-size:22px;margin-bottom:18px;font-weight:700;color:#1e293b}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.result-card{padding:18px;border-radius:14px;text-align:center;font-weight:600;box-shadow:0 4px 12px #0000000f}.result-card p{font-size:14px;margin-bottom:6px;opacity:.8}.result-card h3{font-size:26px;font-weight:800}.correct{background:#dcfce7;color:#166534}.wrong{background:#fee2e2;color:#991b1b}.score{background:#dbeafe;color:#1d4ed8}.accuracy{background:#fef9c3;color:#92400e}.percentile{background:#ede9fe;color:#5b21b6}.success-msg{margin:10px 0 20px;padding:10px 14px;border-radius:10px;background:#dcfce7;color:#166534;font-weight:600;text-align:center}.extra-stats{margin-top:20px;padding:15px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;font-size:14px;line-height:1.6}.tag{padding:6px 10px;border-radius:8px;font-size:13px;font-weight:700}.correct-tag{background:#dcfce7;color:#166534}.wrong-tag{background:#fee2e2;color:#991b1b}.unattempted-tag{background:#f3f4f6;color:#374151}.answer-btn{padding:7px 12px;border:none;border-radius:8px;background:var(--primary-blue);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:.3s}.answer-btn:hover{background:var(--primary-dark)}.answer-box{margin-top:10px;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;color:#111827;max-width:250px}.question-image-box{width:100%;max-height:400px;overflow:auto;border:1px solid #ddd;border-radius:8px;padding:10px;background:#fafafa;margin-top:10px}.question-image{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.question-image-box::-webkit-scrollbar{width:8px;height:8px}.question-image-box::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.question-image-box::-webkit-scrollbar-thumb:hover{background:#555}.numerical-box{margin-top:15px;padding:12px;border-radius:10px;background:#f8f9ff;border:2px solid #3E4AF9}.numerical-label{font-weight:700;color:#2e3ab3;margin-bottom:8px}.numerical-input{width:100%;padding:12px;font-size:16px;border:2px solid #ccc;border-radius:8px;outline:none}.numerical-input:focus{border-color:#3e4af9;box-shadow:0 0 6px #3e4af966}.bookmark-btn{margin-left:auto;background:#3e4af9;color:#fff;border:none;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px}.bookmark-btn:hover{background:#2e3ab3}.bookmark-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.bookmark-popup{background:#fff;padding:25px;width:350px;border-radius:12px}.folder-item{padding:10px;margin:8px 0;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:.2s}.folder-item:hover{background:#e8ebfd}.close-btn{margin-top:15px;padding:8px 14px;border:none;background:#2e3ab3;color:#fff;border-radius:6px;cursor:pointer}.main-header{position:sticky;top:0;z-index:999;padding:16px 0;background:#15191e}.main-header:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.1) 35%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.1) 65%,transparent 10%);filter:blur(1px);transform:translate(-120%);animation:headerShine 5s ease-in-out infinite;pointer-events:none}@keyframes headerShine{0%{transform:translate(-120%)}to{transform:translate(120%)}}.header-container{max-width:1300px;margin:auto;padding:0 24px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.logo-box{display:flex;align-items:center;gap:12px;background:#fff;padding:8px 16px;border-radius:45px;cursor:pointer;transition:.3s ease}.logo-box:hover{transform:scale(1.05)}.logo-img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain}.logo-text{font-size:18px;font-weight:800;letter-spacing:1px;color:#15191e}@media(max-width:768px){.logo-box{gap:8px;padding:6px 12px;border-radius:32px}.logo-img{width:26px;height:26px}.logo-text{font-size:14px;letter-spacing:.6px}}.nav-menu{display:flex;gap:16px}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:45px;background:#fff;color:#15191e;text-decoration:none;font-size:14px;font-weight:600;transition:all .25s ease}.nav-link:hover{background:var(--primary-blue);color:#fff;transform:scale(1.08);box-shadow:0 8px 24px #2563eb66}.login-btn{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.25) 55%,transparent 80%);transform:translate(-120%);animation:btnShine 1s ease-in-out infinite;pointer-events:none}.login-btn:hover{transform:scale(1.12);box-shadow:0 14px 40px #4f46e599}.header-right{display:flex;align-items:center;gap:14px}.hamburger-btn{display:none;background:none;border:none;color:#fff;cursor:pointer}@media(max-width:900px){.nav-menu{display:none}.login-btn{padding:10px 20px}}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background:#15191e;padding:20px;display:flex;flex-direction:column;gap:14px;transform:translateY(-10px);opacity:0;pointer-events:none;transition:.3s ease;z-index:998}.mobile-menu.show{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-link{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;background:#fff;color:#15191e;text-decoration:none;font-weight:600}.mobile-login{margin-top:10px;background:var(--primary-blue);color:#fff;border:none;padding:14px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer}@media(max-width:900px){.nav-menu{display:none}.hamburger-btn{display:block}}.mobile-link.active{background:var(--primary-blue);color:#fff}.nav-link.active{background:var(--primary-blue);color:#fff;box-shadow:0 8px 24px #2563eb73;transform:scale(1.05)}.hero{width:100%;background:#fff;padding-top:20px}.hero-slider{position:relative;width:100%;max-width:1200px;height:300px;margin:auto;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #0000001f}.hero-slide{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .8s ease}.hero-slide.active{opacity:1}.hero-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:10px}.dot{width:26px;height:6px;background:#fff9;border-radius:10px;cursor:pointer}.dot.active{background:#111}.hero-content{max-width:1200px;margin:auto;padding:45px 20px 60px;text-align:center}.hero-content h1{font-size:38px;font-weight:700;line-height:1.25;color:#111;margin-bottom:20px}.hero-content strong{font-weight:800}.highlight{color:var(--primary-blue)}.underline-text{position:relative;display:inline-block;padding-bottom:14px}.underline-svg{position:absolute;left:0;bottom:0;width:100%;height:28px;pointer-events:none}.hero-content p{font-size:17px;color:#555;margin-left:auto;margin-right:auto;max-width:720px;margin-bottom:36px;line-height:1.7}.hero-buttons{display:flex;gap:18px;justify-content:center}.btn-primary{background:#2563eb;color:#fff;padding:14px 36px;border-radius:40px;border:none;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;box-shadow:0 6px 22px #2563eb4d;transition:.3s ease}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px)}.price-tag{background:#fff;color:#2563eb;font-size:14px;font-weight:700;padding:5px 12px;border-radius:999px;box-shadow:0 3px 10px #00000026}.btn-secondary{background:transparent;border:2px solid #111;padding:12px 32px;border-radius:40px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-secondary:hover{border-color:#2563eb;color:#2563eb}@media(max-width:768px){.hero-slider{border-radius:0;height:25vh;min-height:160px;max-height:220px}.hero-slide{-o-object-fit:cover;object-fit:cover;background:#000}.hero-content h1{font-size:28px}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.our-test-series{min-height:100vh;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary));padding:60px 24px}@media(max-width:768px){.our-test-series{padding:40px 16px}}@media(max-width:640px){.our-test-series{padding:24px 12px}}.hero-visual{width:100%;height:100%;min-height:320px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,var(--primary-lighter) 0%,var(--bg-tertiary) 100%)}.hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.exam-item-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.exam-icon-img{width:22px;height:22px;-o-object-fit:contain;object-fit:contain}.test-series-wrapper{max-width:1200px;margin:0 auto}.test-series-hero{margin-bottom:64px;animation:fadeInDown .7s ease-out}.hero-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width:1024px){.hero-content-wrapper{gap:32px}}@media(max-width:768px){.hero-content-wrapper{grid-template-columns:1fr;gap:24px}}.hero-text{animation:fadeInUp .8s ease-out .1s both}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-lighter);color:var(--primary-dark);padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:20px;text-transform:uppercase}.hero-badge i{font-size:12px}.hero-title{font-size:48px;font-weight:700;color:var(--text-dark);line-height:1.15;margin-bottom:16px;letter-spacing:-.8px}.hero-title-highlight{color:var(--primary-blue);position:relative}.hero-subtitle{font-size:16px;color:var(--text-muted);line-height:1.7;margin-bottom:32px;max-width:500px}.hero-subtitle strong{color:var(--text-dark);font-weight:600}.hero-cta{align-items:center;gap:10px;background:var(--primary-blue);color:#fff;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #3e4af933;text-decoration:none;display:inline-flex;white-space:nowrap}.hero-cta:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 24px #3e4af94d}.hero-cta:active{transform:translateY(0)}.hero-cta i{font-size:14px;transition:transform .3s ease}.hero-cta:hover i{transform:translate(4px)}.hero-visual{position:relative;animation:slideRight .8s ease-out .2s both;min-height:320px}@media(max-width:768px){.hero-title{font-size:32px}.hero-subtitle{font-size:15px}.hero-visual{min-height:240px}}.test-series-badges{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:64px;animation:fadeInUp .8s ease-out .3s both}@media(max-width:768px){.test-series-badges{gap:12px}}.badge-button{display:inline-flex;align-items:center;gap:10px;background:var(--primary-blue);color:#fff;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3e4af926}.badge-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 16px #3e4af933}.badge-button.secondary{background:var(--bg-secondary);color:var(--text-dark);border:1px solid var(--border-color);box-shadow:none}.badge-button.secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-blue);color:var(--primary-blue)}.badge-count{background:#ffffff40;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;min-width:24px;text-align:center}.badge-button.secondary .badge-count{background:var(--primary-lighter);color:var(--primary-blue)}.exams-section{margin-bottom:64px}.exams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:28px;animation:fadeInUp .8s ease-out .4s both}@media(max-width:1024px){.exams-grid{grid-template-columns:1fr}}@media(max-width:768px){.exams-grid{gap:20px}}.exam-category-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.exam-category-card:hover{border-color:var(--primary-lighter);box-shadow:0 12px 32px #3e4af91a;transform:translateY(-4px)}.exam-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-blue);border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease-out}.exam-category-card:hover:before{opacity:1}.exam-category-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.exam-category-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-lighter);border-radius:10px;color:var(--primary-blue);font-size:20px;flex-shrink:0}.exam-category-title{font-size:18px;font-weight:600;color:var(--text-dark)}.exam-items{display:flex;flex-direction:column;gap:12px}.exam-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light);transition:all .2s ease}.exam-item:last-child{border-bottom:none;padding-bottom:0}.exam-item:hover{padding-left:6px;color:var(--primary-blue)}.exam-item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--primary-blue);font-size:13px;flex-shrink:0}.exam-item-label{font-size:14px;font-weight:500;color:var(--text-muted);transition:color .2s ease}.exam-item:hover .exam-item-label{color:var(--primary-blue)}.guarantee-section{background:linear-gradient(135deg,var(--accent-success) 0%,#0FA66F 100%);border-radius:16px;padding:48px;text-align:center;color:#fff;animation:fadeInUp .8s ease-out .5s both;position:relative;overflow:hidden}.guarantee-section:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff0d;border-radius:50%;pointer-events:none}.guarantee-section:after{content:"";position:absolute;bottom:-20%;left:-5%;width:250px;height:250px;background:#ffffff08;border-radius:50%;pointer-events:none}@media(max-width:768px){.guarantee-section{padding:32px 24px}}.guarantee-icon{font-size:48px;margin-bottom:16px;display:inline-block;animation:bounce 2s ease-in-out infinite}.guarantee-title{font-size:36px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px;position:relative;z-index:1}.guarantee-description{font-size:16px;line-height:1.7;max-width:500px;margin:0 auto;position:relative;z-index:1;opacity:.95}@media(max-width:640px){.guarantee-title{font-size:24px}.guarantee-description{font-size:14px}}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;gap:12px}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}.error-state{background:var(--bg-primary);border:1px solid #FEE2E2;border-radius:12px;padding:32px;text-align:center;animation:fadeIn .4s ease-out}.error-icon{font-size:40px;color:#dc2626;margin-bottom:16px}.error-title{font-size:18px;font-weight:600;color:#7f1d1d;margin-bottom:8px}.error-message{font-size:14px;color:#991b1b;margin-bottom:24px}.error-retry{background:#dc2626;color:#fff;padding:10px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.error-retry:hover{background:#991b1b;transform:translateY(-2px)}@keyframes slideRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media(max-width:1024px){.test-series-wrapper{padding:0}}@media(max-width:768px){.our-test-series{padding:40px 16px}.test-series-hero{margin-bottom:48px}}@media(max-width:640px){.our-test-series{padding:24px 12px}.test-series-hero{margin-bottom:32px}.hero-title{font-size:28px}.hero-subtitle{font-size:14px}}.tc-wrapper{background:var(--bg-primary);padding:var(--spacing-2xl) 0;overflow:hidden}.tc-container{max-width:1200px;margin:auto;padding:0 var(--spacing-lg);text-align:center}.tc-title{font-family:var(--font-secondary);font-size:42px;font-weight:700;color:var(--text-dark);margin-bottom:10px}.tc-title span{color:var(--primary-blue)}.tc-subtitle{font-size:18px;color:var(--text-muted);margin-bottom:48px}.tc-scroll-wrapper{position:relative;width:100%;overflow:hidden}.tc-scroll-wrapper:before,.tc-scroll-wrapper:after{content:"";position:absolute;top:0;width:80px;height:100%;z-index:2}.tc-scroll-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.tc-scroll-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}.tc-scroll-track{display:flex;gap:48px;width:-moz-max-content;width:max-content;animation:scrollLogos 25s linear infinite}.tc-scroll-wrapper:hover .tc-scroll-track{animation-play-state:paused}.tc-logo-card{min-width:180px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .3s ease}.tc-logo-card img{height:80px;max-width:140px;-o-object-fit:contain;object-fit:contain;filter:grayscale(20%)}.tc-logo-card p{font-size:15px;font-weight:600;color:var(--text-dark);white-space:nowrap}.tc-logo-card:hover{transform:translateY(-4px)}@keyframes scrollLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.tc-title{font-size:30px}.tc-logo-card{min-width:140px}.tc-logo-card img{height:60px}}.fr-wrapper{background:var(--bg-primary);padding:80px 0}.fr-container{max-width:1200px;margin:auto;padding:0 20px}.fr-title{text-align:center;font-size:42px;font-weight:700;margin-bottom:50px;font-family:var(--font-secondary)}.fr-title-second{color:#000!important}.fr-title span{color:var(--primary-blue)}.fr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px}.fr-card-horizontal{background:#fff;border:1px solid var(--border-light);box-shadow:0 12px 30px #00000014;display:flex;align-items:stretch;overflow:hidden;border-radius:16px;transition:all .3s ease;min-height:230px}.fr-card-horizontal:hover{transform:translateY(-6px);box-shadow:0 18px 44px #00000024}.fr-card-text{flex:0 0 60%;padding:15px;display:flex;flex-direction:column;justify-content:center}.fr-card-text h3{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text-dark)}.fr-card-text p{font-size:14.5px;color:var(--text-muted);line-height:1.6;margin-bottom:22px}.fr-btn{align-self:flex-start;background:transparent;border:1px solid var(--primary-blue);color:var(--primary-blue);padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;display:inline-flex;gap:8px;align-items:center;cursor:pointer;transition:.25s ease}.fr-btn:hover{background:var(--primary-blue);color:#fff}.fr-card-book{flex:0 0 40%;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:15px}.fr-card-book img{width:100%;height:auto;max-height:180px;-o-object-fit:contain;object-fit:contain}@media(max-width:768px){.fr-title{font-size:30px;font-weight:700;margin-bottom:50px}.fr-grid{grid-template-columns:repeat(2,1fr);gap:14px}.fr-card-horizontal{flex-direction:column;height:290px}.fr-card-book{order:1;width:100%;height:170px}.fr-card-book img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.fr-card-text{order:2;flex:1;padding:10px;display:flex;align-items:flex-end;justify-content:center}.fr-card-text h3,.fr-card-text p{display:none}.fr-btn{width:100%;justify-content:center;font-size:13px;padding:8px 12px}.fr-buy-row{flex-direction:column;align-items:center;gap:2px;justify-content:center;width:100%}.fr-price{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;font-size:16px}.fr-old-price{font-size:13px}.fr-new-price{font-size:16px}.fr-btn{width:100%;justify-content:center}}.fr-price{font-size:20px;font-weight:700;color:var(--primary-blue);margin:8px 0 12px}.fr-buy-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.fr-price{font-size:20px;font-weight:700;color:var(--primary-blue);margin:0}.fr-coming{font-size:16px;font-weight:600;color:#ff9800;background:#ff98001f;padding:6px 12px;border-radius:8px}.fr-old-price{text-decoration:line-through;color:#999;font-size:14px;margin-right:8px}.fr-new-price{font-size:18px;font-weight:700;color:#1db854}.fr-try-btn{width:100%;margin-top:12px;padding:12px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;background:linear-gradient(90deg,#3e4af9,#6b75ff);color:#fff;transition:.3s ease}.fr-try-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #3e4af94d}.fr-card-book{position:relative}.fr-discount-badge{position:absolute;bottom:0;right:0;width:90px;height:90px;background:var(--primary-blue);color:#fff;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;font-size:13px;font-weight:700;border-top-left-radius:100%;text-align:right;box-shadow:-5px -5px 20px #0003}.sn-overlay{position:fixed;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:snFadeIn .25s ease-in-out}@keyframes snFadeIn{0%{opacity:0}to{opacity:1}}.sn-modal{width:1000px;max-width:95%;max-height:90vh;overflow-y:auto;background:var(--bg-primary);border-radius:18px;padding:40px;position:relative;box-shadow:0 25px 60px #00000059;animation:snSlideUp .3s ease}@keyframes snSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.sn-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-muted);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.sn-close:hover{background:var(--primary-lighter);color:var(--primary-blue);transform:rotate(90deg) scale(1.1);box-shadow:0 6px 20px #3e4af94d}.sn-header{text-align:center;margin-bottom:35px}.sn-header h2{font-size:28px;font-weight:700;color:var(--text-dark);display:flex;justify-content:center;align-items:center;gap:10px}.sn-header p{margin-top:10px;font-size:15px;color:var(--text-muted)}.sn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sn-card{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary));border-radius:16px;padding:22px;transition:all .3s ease;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column}.sn-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #3e4af926}.sn-image-wrapper{width:100%;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.sn-image-wrapper img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.sn-card:hover .sn-image-wrapper img{transform:scale(1.05)}.sn-content h3{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--text-dark)}.sn-features{list-style:none;padding:0;margin:0 0 18px}.sn-features li{font-size:14px;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:8px}.sn-features i{color:var(--primary-blue);font-size:14px}.sn-price-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sn-old{text-decoration:line-through;color:var(--text-light);font-size:14px}.sn-new{font-size:20px;font-weight:700;color:var(--primary-blue)}.sn-buy-btn{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.sn-buy-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3e4af959;background:linear-gradient(135deg,var(--primary-light),var(--primary-blue))}@media(max-width:900px){.sn-modal{padding:25px;max-height:auto}.sn-grid{grid-template-columns:1fr;gap:18px}.sn-card{flex-direction:row;align-items:center;padding:16px;gap:16px}.sn-image-wrapper{width:90px;height:110px;flex-shrink:0;margin-bottom:0}.sn-image-wrapper img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.sn-content{flex:1}.sn-content h3{font-size:15px;margin-bottom:6px}.sn-features{display:none}.sn-price-row{margin-bottom:8px}.sn-new{font-size:16px}.sn-buy-btn{padding:8px 10px;font-size:13px}}@media(max-width:480px){.sn-modal{padding:18px}.sn-header h2{font-size:20px}.sn-header p{font-size:13px}.sn-image-wrapper{width:75px;height:95px}.sn-content h3{font-size:14px}.sn-new{font-size:15px}.sn-buy-btn{font-size:12px;padding:7px}}.ts-wrapper{background:#fff;padding:80px 20px}.ts-container{max-width:1100px;margin:auto;text-align:center}.ts-title{text-align:center;font-family:var(--font-secondary);font-size:42px;font-weight:700;color:var(--primary-blue);margin-bottom:48px}.ts-subtitle{font-size:14px;color:#777;margin-bottom:60px}.ts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.ts-card{background:#f5f5f5;padding:40px 26px 32px;border-radius:6px;position:relative;box-shadow:0 6px 18px #00000014;transition:.3s ease}.ts-card:hover{transform:translateY(-6px)}.ts-avatar{width:90px;height:90px;border-radius:50%;background:#fff;padding:6px;margin:-80px auto 20px;box-shadow:0 6px 18px #00000026}.ts-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.ts-text{font-size:14px;color:#555;line-height:1.7;margin-bottom:22px}.quote{font-size:26px;color:var(--primary-blue);font-weight:700}.ts-card h4{font-size:16px;font-weight:700;margin-bottom:4px;color:#111}.ts-role{font-size:13px;color:#777}@media(max-width:900px){.ts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ts-grid{grid-template-columns:1fr}.ts-avatar{margin-top:-70px}}.footer-wrapper{background:#2b2f33;color:#fff;padding:70px 20px 0;font-family:var(--font-primary)}.footer-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer-left{display:flex;flex-direction:column;gap:28px}.footer-item{display:flex;gap:18px;align-items:center}.footer-icon{width:52px;height:52px;background:#1f2327;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.footer-bold{font-size:18px;font-weight:700;margin-bottom:4px}.footer-item span{font-size:14px;color:#cfd2d6}.footer-right h3{font-size:22px;margin-bottom:18px}.footer-right p{font-size:15px;line-height:1.7;color:#cfd2d6;max-width:420px}.footer-socials{margin-top:22px;display:flex;gap:14px}.footer-socials a{width:44px;height:44px;background:#1f2327;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;transition:.25s ease}.footer-socials a:hover{background:var(--primary-blue)}.footer-email{color:#6ea8ff;text-decoration:none;font-weight:600}.footer-email:hover{text-decoration:underline}.footer-bottom{margin-top:60px;background:#1f2327;text-align:center;padding:18px;font-size:14px;color:#b5b8bc}@media(max-width:900px){.footer-container{grid-template-columns:1fr;gap:40px}}.ads-wrapper{width:100%;padding:60px 20px;background:var(--bg-primary)}.ads-container{max-height:300px;max-width:1200px;margin:auto}.ads-slider{position:relative;display:block;width:100%;aspect-ratio:4 / 1;border-radius:22px;overflow:hidden;cursor:pointer;background:transparent;box-shadow:0 20px 40px #0000001f}.ads-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .9s ease-in-out}.ads-image.active{opacity:1}@media(max-width:768px){.ads-wrapper{padding:40px 14px}.ads-slider{aspect-ratio:16 / 7;border-radius:16px}}@media(max-width:480px){.ads-slider{-o-object-fit:contain;object-fit:contain;aspect-ratio:12 / 3;border-radius:0}}.social-section{text-align:center;padding:50px 20px}.social-heading{font-size:30px;margin-bottom:35px;font-weight:700}.social-cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.social-card{width:320px;padding:15px 20px;border-radius:12px;text-decoration:none;color:#fff;display:flex;align-items:center;gap:15px;font-size:18px;font-weight:500;transition:.3s ease;box-shadow:0 6px 15px #0003}.social-card img{width:40px;height:40px}.social-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.telegram{background:linear-gradient(135deg,#08c,#00bfff)}.youtube{background:linear-gradient(135deg,red,#ff4d4d)}.instagram{background:linear-gradient(135deg,#e1306c,#f77737)}.team-section{background:var(--bg-secondary);padding:80px 0}.team-container{max-width:1200px;margin:auto;padding:0 24px}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px;gap:24px}.team-header h2{font-family:var(--font-secondary);font-size:42px;font-weight:700;color:var(--text-dark);margin-bottom:10px}.team-header h2 span{font-weight:700;color:var(--primary-blue)}.team-card{border-radius:22px;padding:18px;transition:transform .3s ease,box-shadow .3s ease}.team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.team-image img{width:100%;height:280px;-o-object-fit:cover;object-fit:cover;display:block}.team-info h4{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.team-card{perspective:1200px;height:380px;border-radius:22px}.team-card.offset{transform:translateY(32px)}.team-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1)}.team-card:hover .team-card-inner{transform:rotateY(180deg)}.team-card-front,.team-card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:22px;padding:18px;display:flex;flex-direction:column}.team-card-front{justify-content:flex-start}.team-image{border-radius:18px;overflow:hidden;margin-bottom:16px}.team-image img{width:100%;height:260px;-o-object-fit:cover;object-fit:cover}.team-info h4{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text-dark)}.team-info span{font-size:13px;color:var(--text-muted)}.team-card-back{transform:rotateY(180deg);justify-content:center;align-items:center;text-align:center}.team-card-back h4{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--text-dark)}.team-card-back p{font-size:10px;line-height:1.7;color:var(--text-muted);max-width:260px}.bg-blue{background:#eef3ff}.bg-beige{background:#f7f1e8}.bg-cyan{background:#e7f7fb}.bg-gray{background:#f2f2f2}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}@media(max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}.team-card.offset{transform:none}}@media(max-width:640px){.team-header{flex-direction:column;gap:16px}.team-header h2{font-size:28px}.team-grid{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.team-grid::-webkit-scrollbar{height:6px}.team-grid::-webkit-scrollbar-track{background:transparent}.team-grid::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.team-card{flex:0 0 260px;height:320px;scroll-snap-align:start}.team-image img{height:200px}.team-card.offset{transform:none}}.mp-wrapper{padding:80px 20px;background:var(--bg-secondary);font-family:Inter,sans-serif}.mp-header{text-align:center;max-width:700px;margin:auto}.mp-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--primary-blue);padding:6px 14px;border-radius:999px;font-size:14px;background:var(--primary-lighter);color:var(--primary-blue)}.mp-title{font-size:42px;font-weight:800;margin-top:18px;color:var(--text-dark)}.mp-subtitle{margin-top:10px;color:var(--text-muted);font-size:16px}.mp-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px;max-width:1200px;margin-left:auto;margin-right:auto}.mp-card{background:#fff;border-radius:22px;padding:30px;border:1px solid var(--border-color);transition:.35s ease;display:flex;flex-direction:column;position:relative}.mp-card:hover{transform:translateY(-10px);border-color:var(--primary-blue);box-shadow:0 20px 50px #0000001f}.mp-pro{background:var(--primary-blue);color:#fff}.mp-pro h2,.mp-pro .mp-price,.mp-pro .mp-acc-heading{color:#fff}.mp-card-top h2{font-size:18px;font-weight:700;display:flex;gap:10px;align-items:center}.mp-price{font-size:34px;font-weight:800;margin-top:15px}.mp-price span{font-size:14px;color:var(--text-muted)}.mp-slider{background-color:#fff;margin:22px 0;display:flex;align-items:center;justify-content:space-between;border-radius:12px}.mp-slide-img{width:100%;max-height:150px;-o-object-fit:contain;object-fit:contain;border-radius:16px;border:1px solid var(--border-light)}.mp-slide-btn{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;font-size:22px;background:var(--primary-lighter);color:var(--primary-blue);transition:.3s}.mp-slide-btn:hover{background:var(--primary-blue);color:#fff}.mp-accordion{margin-top:10px}.mp-acc-item{border-bottom:1px solid var(--border-light)}.mp-acc-heading{width:100%;padding:14px 0;font-size:14px;font-weight:500;display:flex;justify-content:space-between;background:transparent;border:none;cursor:pointer;color:var(--text-dark)}.mp-acc-body{padding:10px 0 18px;list-style:none}.mp-acc-body li{font-size:13px;color:var(--text-muted);margin-bottom:8px;display:flex;gap:8px;align-items:center}.mp-btn{margin-top:20px;padding:14px;border-radius:999px;border:none;font-weight:700;cursor:pointer;background:#000;color:#fff;transition:.3s}.mp-btn:hover{background:var(--primary-blue)}.mp-card{will-change:transform}.mp-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 70px #3e4af92e}.mp-card:hover:after{content:"";position:absolute;inset:0;border-radius:22px;border:2px solid rgba(62,74,249,.35);pointer-events:none}.mp-pro:hover{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));box-shadow:0 30px 90px #3e4af959}.mp-slide-img{transition:transform .6s ease,opacity .4s ease}.mp-card:hover .mp-slide-img{transform:scale(1.06);opacity:.95}.mp-slide-img{animation:mpFadeSlide .5s ease}@keyframes mpFadeSlide{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mp-slide-btn{transition:transform .25s ease,background .25s ease}.mp-slide-btn:hover{transform:scale(1.15)}.mp-btn{position:relative;overflow:hidden}.mp-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3e4af940}.mp-btn:before{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transition:.6s}.mp-btn:hover:before{left:120%}.mp-acc-body{animation:mpAccordionOpen .35s ease}@keyframes mpAccordionOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mp-acc-heading:hover{color:var(--primary-blue)}.mp-pro .mp-acc-heading:hover{color:#000}.mp-pro li{color:#fff!important}.mp-acc-heading:hover svg{transform:rotate(180deg);transition:transform .35s ease}.mp-acc-body li{transition:transform .25s ease}.mp-acc-body li:hover{transform:translate(6px);color:var(--primary-blue)}@media(max-width:768px){.mp-card:hover{transform:none}.mp-btn:hover{transform:none;box-shadow:none}}.mp-slide-img{transition:opacity .6s ease-in-out}@media(max-width:768px){.mp-wrapper{padding:40px 10px}.mp-title{font-size:24px}.mp-subtitle{font-size:13px}.mp-card-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;scroll-padding:50%;padding:10px 0;-webkit-overflow-scrolling:touch}.mp-card-grid::-webkit-scrollbar{height:5px}.mp-card-grid::-webkit-scrollbar-thumb{background:#00000040;border-radius:10px}.mp-card{min-width:240px;max-width:240px;padding:14px;border-radius:16px;flex-shrink:0;scroll-snap-align:center}.mp-card-top h2{font-size:10px}.mp-price{font-size:22px;margin-top:8px}.mp-slide-img{max-height:90px;border-radius:12px}.mp-acc-heading{font-size:12px;padding:8px 0}.mp-acc-body{padding:6px 0 10px}.mp-acc-body li{font-size:11px;margin-bottom:5px}.mp-btn{margin-top:12px;padding:10px;font-size:13px}}@media(max-width:600px){.mpv-wrapper{padding:15px}.mpv-scroll-text{font-size:13px;text-align:center}}@media(max-width:900px){.mpv-wrapper{padding:20px}}.launch2-overlay{position:fixed;inset:0;background:transparent;overflow:hidden;z-index:10000;font-family:var(--font-secondary)}.launch2-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;z-index:5}.confetti-canvas{position:absolute;inset:0;z-index:1}.ribbon-container{position:absolute;inset:0;display:flex;align-items:center;z-index:3;cursor:pointer}.ribbon-left,.ribbon-right{width:50vw;display:flex;justify-content:center;align-items:center;transition:transform 1.4s ease-in-out}.ribbon-left img,.ribbon-right img{width:100%;height:auto;display:block}.ribbon-container.open .ribbon-left{transform:translate(-120%)}.ribbon-container.open .ribbon-right{transform:translate(120%)}.launch-text{background:url(https://media.istockphoto.com/id/517880750/video/red-confetti-and-celebration-ribbons.jpg?s=640x640&k=20&c=k6BxR3OQ9bMFuB9YO_bsaDwwKbYU7bdIrYl_aL-Tmao=) no-repeat center center;background-size:cover;position:absolute;top:45%;width:100%;text-align:center;font-size:52px;letter-spacing:6px;color:#fff;z-index:4;animation:fadeIn 1.5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.launch-overlay{position:fixed;inset:0;background:#0a0f1ebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:9999;font-family:var(--font-secondary)}.launch-popup{position:relative;width:65%;height:70%;border-radius:24px;padding:50px 60px;color:#fff;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 40px 80px #0009,inset 0 0 120px #0009;display:flex;flex-direction:column;justify-content:space-between;animation:popupFade .6s ease-out}.launch-popup:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0f142866,#0a0f1ed9 75%);z-index:0}.launch-popup>*{position:relative;z-index:2}.close-btn{position:absolute;top:25px;right:25px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);width:42px;height:42px;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff2e;transform:rotate(90deg)}.launch-top{display:flex;justify-content:space-between;align-items:center}.starting-text{font-size:14px;letter-spacing:2px;text-transform:uppercase;opacity:.8}.social-icons{display:flex;gap:18px;font-size:16px;opacity:.85}.social-icons svg{cursor:pointer;transition:all .3s ease}.social-icons svg:hover{opacity:1;transform:translateY(-3px)}.launch-heading{text-align:center;font-size:48px;font-weight:500;letter-spacing:12px;margin-top:30px;margin-bottom:40px}.countdown-wrapper{display:flex;justify-content:center;gap:60px;text-align:center}.count-item h2{font-size:64px;font-weight:300;letter-spacing:4px;margin:0}.count-item span{display:block;margin-top:8px;font-size:13px;letter-spacing:3px;opacity:.7}.launch-subtext{text-align:center;max-width:600px;margin:40px auto 0;font-size:16px;line-height:1.6;opacity:.85}.launch-footer{text-align:center;font-size:13px;opacity:.6;letter-spacing:1px;margin-top:30px}@keyframes popupFade{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:1200px){.launch-popup{width:75%;height:auto;padding:40px}.launch-heading{font-size:36px;letter-spacing:8px}.count-item h2{font-size:48px}.countdown-wrapper{gap:40px}}@media(max-width:768px){.launch-popup{width:90%;padding:30px 20px}.launch-heading{font-size:28px;letter-spacing:5px}.countdown-wrapper{flex-wrap:wrap;gap:25px}.count-item h2{font-size:36px}}.close-btn-left{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;z-index:10;transition:all .3s ease}.close-btn-left:hover{transform:scale(1.2);opacity:.8}.video-container{position:absolute;inset:0;width:100%;height:100%}.popup-video{width:100%;height:110%;-o-object-fit:cover;object-fit:cover;border-radius:24px}.launch-popup.show-video{padding:0;display:block}.launch-popup.show-video:before{display:none}.faq-container{width:100%;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary));min-height:100vh}.faq-header{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:linear-gradient(135deg,var(--primary-lighter) 0%,rgba(232,235,253,.5) 100%);border-bottom:1px solid var(--border-light)}.faq-header-content{max-width:900px;margin:0 auto;animation:slideDown .6s ease-out}.faq-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-lighter);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);color:var(--primary-blue)}.faq-title{font-size:2.5rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-md);line-height:1.2}.faq-subtitle{font-size:1rem;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.6}.faq-content{max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.faq-section{margin-bottom:var(--spacing-2xl);animation:fadeInUp .6s ease-out}.faq-category-title{font-size:1.5rem;font-weight:600;color:var(--primary-blue);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--primary-lighter);position:relative;display:inline-block}.faq-category-title:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-blue);animation:expandWidth .6s ease-out forwards}@keyframes expandWidth{0%{width:0}to{width:100%}}.faq-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-light)}.faq-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-medium)}.faq-item.active{border-color:var(--primary-blue);box-shadow:var(--shadow-hover)}.faq-item.active .faq-question{background:var(--primary-lighter);color:var(--primary-blue)}.faq-item.active .faq-icon-chevron{transform:rotate(180deg);color:var(--primary-blue)}.faq-question{width:100%;padding:var(--spacing-lg);background:var(--bg-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-primary);font-size:1rem;font-weight:500;text-align:left;color:var(--text-dark)}.faq-question:hover{background:var(--bg-tertiary)}.faq-question-text{flex:1;line-height:1.5;word-break:break-word}.faq-icon-chevron{flex-shrink:0;color:var(--text-light);transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.faq-answer-wrapper{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-answer-wrapper{max-height:1000px}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);color:var(--text-muted);font-size:.95rem;line-height:1.7;background:var(--bg-secondary);animation:fadeIn .3s ease-out .1s both}.faq-answer strong{color:var(--text-dark);font-weight:600}.social-links{display:flex;flex-direction:column;gap:var(--spacing-md)}.social-links ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.social-links li{display:flex;align-items:center}.social-links a{color:var(--primary-blue);text-decoration:none;font-weight:500;transition:all .3s ease;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.social-links a:hover{color:var(--primary-dark);background:var(--primary-lighter);padding-left:var(--spacing-md)}.faq-cta{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-lighter) 0%,rgba(232,235,253,.5) 100%);border-top:1px solid var(--border-light);animation:slideUp .6s ease-out}.faq-cta h3{font-size:1.75rem;color:var(--text-dark);margin-bottom:var(--spacing-md);font-weight:600}.faq-cta p{font-size:1rem;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.faq-cta-button{background:var(--primary-blue);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);font-size:1rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-medium)}.faq-cta-button:hover{background:var(--primary-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.faq-cta-button:active{transform:translateY(0)}@media(max-width:768px){.faq-header{padding:var(--spacing-xl) var(--spacing-md)}.faq-title{font-size:2rem}.faq-subtitle{font-size:.95rem}.faq-content{padding:var(--spacing-xl) var(--spacing-md)}.faq-category-title{font-size:1.25rem}.faq-question{padding:var(--spacing-md);font-size:.95rem;gap:var(--spacing-sm)}.faq-answer{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);font-size:.9rem}.faq-cta{padding:var(--spacing-xl) var(--spacing-md)}.faq-cta h3{font-size:1.5rem}}@media(max-width:480px){.faq-header{padding:var(--spacing-lg) var(--spacing-md)}.faq-icon{width:48px;height:48px}.faq-title{font-size:1.5rem}.faq-subtitle{font-size:.9rem}.faq-content{padding:var(--spacing-lg) var(--spacing-md)}.faq-section{margin-bottom:var(--spacing-xl)}.faq-category-title{font-size:1.1rem}.faq-items{gap:var(--spacing-sm)}.faq-item{border-radius:var(--radius-sm)}.faq-question{padding:var(--spacing-md);font-size:.9rem}.faq-question-text{line-height:1.4}.faq-icon-chevron{width:18px;height:18px}.faq-answer{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);font-size:.85rem;line-height:1.6}.faq-cta{padding:var(--spacing-lg) var(--spacing-md)}.faq-cta h3{font-size:1.25rem}.faq-cta p{font-size:.9rem}.faq-cta-button{padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem;width:100%;max-width:300px}.social-links a:hover{padding-left:var(--spacing-sm)}}@media(max-width:320px){.faq-title{font-size:1.25rem}.faq-subtitle{font-size:.85rem}.faq-question{padding:var(--spacing-sm);font-size:.85rem}.faq-answer{padding:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);font-size:.8rem}.social-links ul{gap:var(--spacing-xs)}.social-links a{padding:var(--spacing-xs) var(--spacing-xs);font-size:.85rem}}.faq-question:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.faq-cta-button:focus{outline:2px solid var(--primary-dark);outline-offset:2px}.social-links a:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media print{.faq-cta{display:none}.faq-item{page-break-inside:avoid}.faq-answer-wrapper{max-height:none!important}}:root{--primary-blue: #3E4AF9;--primary-dark: #2E3AB3;--primary-light: #6B75FF;--primary-lighter: #E8EBFD;--text-dark: #1A1A1A;--text-muted: #666666;--text-light: #999999;--bg-primary: #FFFFFF;--bg-secondary: #F9F9F9;--bg-tertiary: #F5F5F5;--border-color: #E8E8E8;--border-light: #F0F0F0;--font-primary: "Poppins", sans-serif;--font-secondary: "Montserrat", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-light: 0 2px 8px rgba(62, 74, 249, .06);--shadow-medium: 0 4px 16px rgba(62, 74, 249, .1);--shadow-hover: 0 8px 24px rgba(62, 74, 249, .12)}.contact-wrapper{max-width:1400px;margin:0 auto;padding:60px 40px;min-height:100vh;background:linear-gradient(180deg,#fff,#f8f9fe,#f3f5fc);font-family:var(--font-primary);color:var(--text-dark)}@media(max-width:1024px){.contact-wrapper{padding:48px 32px}}@media(max-width:768px){.contact-wrapper{padding:40px 24px}}@media(max-width:480px){.contact-wrapper{padding:32px 16px}}.contact-header{text-align:center;margin-bottom:80px;animation:slideDown .6s ease-out}.contact-main-title{font-size:56px;font-weight:700;color:var(--text-dark);margin-bottom:32px;letter-spacing:-.8px;line-height:1.1}.contact-location-info{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.location-item{display:flex;align-items:center;gap:8px}.location-icon{color:var(--primary-blue);flex-shrink:0}.location-country{font-size:14px;font-weight:600;color:var(--text-dark);letter-spacing:.5px}.location-divider{color:var(--text-muted);font-size:14px}.location-link{font-size:14px;font-weight:600;color:var(--primary-blue);text-decoration:none;transition:color .3s ease-out}.location-link:hover{color:var(--primary-dark)}.location-address{font-size:14px;color:var(--text-muted);margin-left:4px}@media(max-width:768px){.contact-main-title{font-size:36px;margin-bottom:24px}.contact-location-info{gap:12px;font-size:13px}}@media(max-width:480px){.contact-main-title{font-size:28px;margin-bottom:20px}.contact-location-info{flex-direction:column;gap:8px}.location-address{display:block;margin-left:0;margin-top:4px}}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:80px;animation:fadeInUp .7s ease-out}@media(max-width:1024px){.contact-content{gap:60px}}@media(max-width:768px){.contact-content{grid-template-columns:1fr;gap:48px}}.contact-illustration{display:flex;align-items:center;justify-content:center;min-height:400px;animation:floatUp 3s ease-in-out infinite}.contact-illustration-img{width:100%;max-width:350px;height:auto;border-radius:12px}.envelope-svg{width:100%;max-width:350px;height:auto;filter:drop-shadow(0 10px 30px rgba(62,74,249,.15))}@media(max-width:768px){.contact-illustration{min-height:300px}.envelope-svg{max-width:250px}}.contact-form{display:flex;flex-direction:column;gap:24px;animation:slideInRight .7s ease-out}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.form-row{grid-template-columns:1fr;gap:16px}}.form-group{display:flex;flex-direction:column;gap:8px}.contact-input,.contact-textarea{font-family:var(--font-primary);font-size:14px;padding:14px 18px;border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-dark);transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.6}.contact-input::-moz-placeholder,.contact-textarea::-moz-placeholder{color:var(--text-light)}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--text-light)}.contact-input:hover,.contact-textarea:hover{background:var(--bg-primary);border-color:var(--primary-light)}.contact-input:focus,.contact-textarea:focus{outline:none;background:var(--bg-primary);border-color:var(--primary-blue);box-shadow:0 0 0 3px #3e4af91a}.contact-textarea{resize:vertical;min-height:120px;font-family:var(--font-primary)}@media(max-width:480px){.contact-input,.contact-textarea{font-size:16px;padding:12px 16px}}.contact-submit-btn{padding:16px 48px;background:linear-gradient(135deg,#8b5cf6,#3e4af9,#06b6d4);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #3e4af933;align-self:flex-start;font-family:var(--font-primary)}.contact-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3e4af94d}.contact-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #3e4af933}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-submit-btn svg{flex-shrink:0}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinRotate 1s linear infinite}@keyframes spinRotate{to{transform:rotate(360deg)}}@media(max-width:480px){.contact-submit-btn{padding:14px 32px;font-size:13px;width:100%;align-self:stretch}}.contact-bottom{text-align:center;padding-top:60px;border-top:2px solid var(--border-light);animation:fadeIn .8s ease-out .3s both}.contact-bottom-title{font-size:48px;font-weight:700;color:var(--text-dark);letter-spacing:-.6px;line-height:1.2}@media(max-width:768px){.contact-bottom-title{font-size:32px}.contact-bottom{padding-top:48px}}@media(max-width:480px){.contact-bottom-title{font-size:24px}.contact-bottom{padding-top:40px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.contact-input:focus-visible,.contact-textarea:focus-visible,.contact-submit-btn:focus-visible,.location-link:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media print{.contact-wrapper{background:#fff;padding:20px}.contact-submit-btn{display:none}}:root{--primary-blue: #3E4AF9;--primary-dark: #2E3AB3;--primary-light: #6B75FF;--primary-lighter: #E8EBFD;--text-dark: #1A1A1A;--text-muted: #666666;--text-light: #999999;--bg-primary: #FFFFFF;--bg-secondary: #F9F9F9;--bg-tertiary: #F5F5F5;--border-color: #E8E8E8;--border-light: #F0F0F0;--success: #27AE60;--danger: #E74C3C;--warning: #F39C12;--font-primary: "Poppins", sans-serif;--font-secondary: "Montserrat", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-light: 0 2px 8px rgba(62, 74, 249, .06);--shadow-medium: 0 4px 16px rgba(62, 74, 249, .1);--shadow-hover: 0 8px 24px rgba(62, 74, 249, .12)}body{font-family:var(--font-primary);color:var(--text-dark);line-height:1.6}.tnc-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-secondary)}.tnc-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-light);animation:slideDown .3s ease}.tnc-header-content{max-height:210px;max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.tnc-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.tnc-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tnc-mobile-menu-btn{display:none;background:none;border:none;color:var(--primary-blue);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all .3s ease}.tnc-mobile-menu-btn:hover{background:var(--bg-secondary)}.tnc-search-wrapper{position:relative;margin-bottom:var(--spacing-md)}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.tnc-search-input{width:100%;max-width:600px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 44px;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:14px;color:var(--text-dark);background:var(--bg-primary);transition:all .3s ease}.tnc-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-lighter)}.tnc-search-input::-moz-placeholder{color:var(--text-light)}.tnc-search-input::placeholder{color:var(--text-light)}.tnc-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-muted);overflow-x:auto;padding-bottom:var(--spacing-sm)}.tnc-breadcrumb span{white-space:nowrap}.tnc-breadcrumb .active-breadcrumb{color:var(--primary-blue);font-weight:600}.tnc-disclaimer{background:linear-gradient(135deg,#3e4af914,#6b75ff14);border-left:4px solid var(--primary-blue);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-md);animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tnc-disclaimer svg{color:var(--primary-blue);flex-shrink:0;margin-top:2px}.tnc-disclaimer p{font-size:14px;color:var(--text-muted);line-height:1.5}.tnc-main{display:flex;flex:1;max-width:1400px;width:100%;margin:0 auto;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md)}.tnc-sidebar{width:280px;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);height:-moz-fit-content;height:fit-content;position:sticky;top:200px;overflow-y:auto;max-height:calc(100vh - 250px);animation:slideRight .4s ease}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.tnc-sidebar::-webkit-scrollbar{width:6px}.tnc-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}.tnc-sidebar::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-md)}.tnc-sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.tnc-sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.tnc-sidebar-header h3{font-size:16px;font-weight:600;color:var(--text-dark)}.tnc-sidebar-close{display:none;background:none;border:none;color:var(--text-dark);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all .3s ease}.tnc-sidebar-close:hover{background:var(--bg-secondary)}.tnc-nav{padding:var(--spacing-md) 0}.tnc-nav-item{width:100%;text-align:left;background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-primary);font-size:14px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);transition:all .3s ease;position:relative;overflow:hidden}.tnc-nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary-blue);transform:scaleY(0);transition:transform .3s ease}.tnc-nav-item:hover{background:var(--bg-secondary);color:var(--primary-blue)}.tnc-nav-item.active{background:var(--primary-lighter);color:var(--primary-blue);font-weight:600}.tnc-nav-item.active:before{transform:scaleY(1)}.nav-icon{font-size:18px}.nav-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-arrow{opacity:0;transition:opacity .3s ease}.tnc-nav-item.active .nav-arrow{opacity:1}.tnc-no-results{padding:var(--spacing-lg);text-align:center;color:var(--text-light);font-size:13px}.tnc-sidebar-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light)}.tnc-updated{font-size:12px;color:var(--text-light)}.tnc-content{flex:1;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);padding:var(--spacing-2xl);overflow-y:auto;max-height:calc(100vh - 250px);animation:fadeIn .5s ease}.tnc-content::-webkit-scrollbar{width:8px}.tnc-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.tnc-content::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-md)}.tnc-content::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.tnc-article{animation:slideUp .4s ease}.tnc-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.tnc-action-btn{background:var(--primary-lighter);color:var(--primary-blue);border:1px solid var(--primary-light);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all .3s ease}.tnc-action-btn:hover{background:var(--primary-blue);color:#fff;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.tnc-action-btn:active{transform:translateY(0)}.tnc-section-title{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--primary-lighter)}.tnc-subsections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.tnc-subsection{padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-light)}.tnc-subsection:last-child{border-bottom:none}.tnc-subtitle{font-size:16px;font-weight:700;color:var(--primary-blue);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.tnc-text{font-size:15px;line-height:1.8;color:var(--text-muted);white-space:pre-wrap;word-wrap:break-word;margin-bottom:var(--spacing-lg)}.tnc-section-nav{display:flex;justify-content:flex-end;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-light)}.tnc-nav-btn{background:var(--primary-blue);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all .3s ease}.tnc-nav-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.tnc-nav-btn:active{transform:translateY(0)}.tnc-mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;animation:fadeIn .3s ease}@media(max-width:1024px){.tnc-main{gap:var(--spacing-md);padding:var(--spacing-md)}.tnc-sidebar{width:240px;top:180px;max-height:calc(100vh - 220px)}.tnc-content{padding:var(--spacing-xl);max-height:calc(100vh - 220px)}.tnc-section-title{font-size:24px}}@media(max-width:768px){.tnc-header-content{padding:var(--spacing-md)}.tnc-title{font-size:24px}.tnc-mobile-menu-btn{display:block}.tnc-search-input{max-width:100%}.tnc-breadcrumb{font-size:12px}.tnc-main{flex-direction:column;gap:0}.tnc-sidebar{position:fixed;left:0;width:280px;height:100vh;max-height:100vh;z-index:101;border-radius:0;transform:translate(-100%);transition:transform .3s ease;top:auto;bottom:0}.tnc-sidebar.open{transform:translate(0)}.tnc-sidebar-close,.tnc-mobile-overlay{display:block}.tnc-content{max-height:none;padding:var(--spacing-lg);overflow-y:visible}.tnc-section-title{font-size:22px}.tnc-text{font-size:14px;line-height:1.7}.tnc-actions{flex-direction:column}.tnc-action-btn{width:100%;justify-content:center}.tnc-disclaimer{margin:var(--spacing-md);padding:var(--spacing-md)}}@media(max-width:480px){.tnc-header-content{padding:var(--spacing-md)}.tnc-title{font-size:20px}.tnc-header-top{margin-bottom:var(--spacing-md)}.tnc-search-input{font-size:13px;padding:10px 10px 10px 36px}.search-icon{left:10px}.tnc-content{padding:var(--spacing-md)}.tnc-section-title{font-size:20px;margin-bottom:var(--spacing-lg)}.tnc-text{font-size:13px;line-height:1.6}.tnc-action-btn{padding:10px 12px;font-size:12px}.tnc-action-btn span{display:none}.tnc-nav-item{padding:var(--spacing-md) var(--spacing-md);font-size:13px}.nav-title{font-size:13px}.tnc-subtitle{font-size:14px}}@media print{.tnc-header,.tnc-disclaimer,.tnc-sidebar,.tnc-actions,.tnc-section-nav,.tnc-mobile-overlay{display:none!important}.tnc-container{background:#fff}.tnc-content{max-height:none;box-shadow:none;padding:20px}.tnc-text{color:#000}.tnc-section-title{page-break-after:avoid;border-color:#ddd}.tnc-subsection{page-break-inside:avoid}}.abt-container{font-family:var(--font-primary);color:var(--text-dark);background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary));overflow-x:hidden}.abt-section{padding:var(--spacing-2xl) var(--spacing-md);border-bottom:1px solid var(--border-light);animation:fadeInUp .6s ease-out}.abt-section:last-child{border-bottom:none}.abt-content-wrapper{max-width:1200px;margin:0 auto}.abt-section-header{margin-bottom:var(--spacing-2xl);text-align:center;animation:fadeInDown .6s ease-out}.abt-title{font-size:42px;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-md);letter-spacing:-.5px;line-height:1.2}.abt-subtitle{font-size:16px;color:var(--text-muted);font-weight:500}.abt-paragraph{font-size:15px;line-height:1.8;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.abt-paragraph-large{font-size:18px;font-weight:600}.abt-paragraph-highlight{background:var(--primary-lighter);padding:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid var(--primary-blue)}.abt-highlight{background:linear-gradient(120deg,var(--primary-blue),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.abt-bold{font-weight:700;color:var(--primary-blue)}.abt-two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;margin-bottom:var(--spacing-2xl)}.abt-text-content{animation:slideInLeft .6s ease-out}.abt-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);animation:slideInRight .6s ease-out}.abt-image{width:100%;height:auto;border-radius:var(--radius-xl);-o-object-fit:cover;object-fit:cover;box-shadow:var(--shadow-medium);transition:transform .3s ease,box-shadow .3s ease}.abt-image:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.abt-image-large{grid-column:1 / -1;height:300px}.abt-image-small{height:240px}.abt-feature-list,.abt-mission-list,.abt-commitment-list{list-style:none;margin:var(--spacing-lg) 0}.abt-feature-list li,.abt-mission-list li{padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-lg);color:var(--text-muted);font-size:15px;line-height:1.7;position:relative}.abt-feature-list li:before,.abt-mission-list li:before{content:"→";position:absolute;left:0;color:var(--primary-blue);font-weight:700}.abt-commitment-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.abt-commitment-list li{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--primary-lighter);border-radius:var(--radius-lg);font-size:15px;line-height:1.6;color:var(--text-dark);transition:all .3s ease}.abt-commitment-list li:hover{transform:translate(8px);box-shadow:var(--shadow-light)}.abt-list-icon{color:var(--success);font-weight:700;font-size:18px;flex-shrink:0}.abt-who-we-are{background:linear-gradient(135deg,#3e4af908,#6b75ff08)}.abt-vision-section{background:var(--bg-primary)}.abt-vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.abt-vision-card{background:var(--bg-secondary);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all .3s ease;animation:fadeInUp .6s ease-out}.abt-vision-card:hover{border-color:var(--primary-lighter);box-shadow:var(--shadow-medium);transform:translateY(-4px)}.abt-mission-card{grid-column:1 / 2}.abt-vision-icon{width:56px;height:56px;background:var(--primary-lighter);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary-blue);margin-bottom:var(--spacing-lg)}.abt-vision-image{border-radius:var(--radius-lg);overflow:hidden;height:100%;min-height:300px}.abt-vision-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;box-shadow:var(--shadow-medium)}.abt-vision-title{font-size:22px;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-lg)}.abt-vision-text{font-size:15px;color:var(--text-muted);line-height:1.8;margin-bottom:var(--spacing-md)}.abt-subtle{color:var(--text-light);font-style:italic}.abt-differentiators-section{background:linear-gradient(135deg,#3e4af905,#6b75ff05)}.abt-diff-images{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.abt-diff-image{width:100%;height:300px;border-radius:var(--radius-xl);-o-object-fit:cover;object-fit:cover;box-shadow:var(--shadow-light);transition:all .3s ease}.abt-diff-image:hover{transform:scale(1.02);box-shadow:var(--shadow-medium)}.abt-intro-text,.abt-conclusion-text{font-size:16px;color:var(--text-muted);text-align:center;margin-bottom:var(--spacing-2xl)}.abt-intro-text{margin-top:-var(--spacing-xl)}.abt-conclusion-text{margin-top:var(--spacing-2xl)}.abt-differentiators-slider{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.abt-differentiators-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.abt-diff-card{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--border-light);transition:all .3s ease;animation:fadeInUp .6s ease-out}.abt-diff-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-medium);transform:translateY(-4px)}.abt-diff-icon{width:48px;height:48px;background:var(--primary-lighter);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-blue);margin-bottom:var(--spacing-lg);transition:all .3s ease}.abt-diff-card:hover .abt-diff-icon{background:var(--primary-blue);color:#fff;transform:scale(1.1)}.abt-diff-title{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-md)}.abt-diff-description{font-size:14px;color:var(--text-muted);line-height:1.6}.abt-slider-btn{background:var(--primary-lighter);border:2px solid var(--primary-blue);color:var(--primary-blue);width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.abt-slider-btn:hover{background:var(--primary-blue);color:#fff;transform:scale(1.05);box-shadow:var(--shadow-medium)}.abt-slider-btn:active{transform:scale(.95)}.abt-team-section{background:var(--bg-primary)}.abt-team-slider{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);position:relative;overflow:hidden;min-height:420px}.abt-team-cards-container{flex:1;position:relative;height:400px;display:flex;align-items:center}.abt-team-card{position:absolute;width:100%;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;opacity:.3;pointer-events:none;transition:all .3s ease}.abt-team-card.abt-active{opacity:1;pointer-events:auto;box-shadow:var(--shadow-medium)}.abt-team-card:hover:not(.abt-active){opacity:.5}.abt-team-image-wrapper{position:relative;width:100%;height:320px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-light)}.abt-team-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.abt-team-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.abt-team-name{font-size:24px;font-weight:700;color:var(--text-dark)}.abt-team-position{font-size:14px;font-weight:600;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.5px}.abt-team-description{font-size:15px;color:var(--text-muted);line-height:1.7}.abt-slider-dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.abt-dot{width:10px;height:10px;border-radius:50%;background:var(--border-light);border:none;cursor:pointer;transition:all .3s ease}.abt-dot:hover{background:var(--primary-light)}.abt-dot.abt-active{background:var(--primary-blue);width:28px;border-radius:5px}.abt-team-closing{text-align:center;font-size:16px;color:var(--text-muted);line-height:1.7}.abt-commitment-section{background:linear-gradient(135deg,#3e4af908,#6b75ff08)}.abt-commitment-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.abt-commitment-image{border-radius:var(--radius-xl);overflow:hidden;height:100%;min-height:400px}.abt-commitment-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;box-shadow:var(--shadow-medium)}.abt-quote{background:var(--primary-lighter);padding:var(--spacing-xl);border-radius:var(--radius-lg);border-left:4px solid var(--primary-blue);margin-top:var(--spacing-xl)}.abt-quote p{font-size:16px;font-weight:600;color:var(--primary-dark);font-style:italic;line-height:1.8}.abt-connect-section{background:var(--bg-primary)}.abt-connect-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.abt-connect-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--border-light);text-decoration:none;color:inherit;transition:all .3s ease;text-align:center;animation:fadeInUp .6s ease-out}.abt-connect-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-medium);transform:translateY(-8px)}.abt-connect-icon{font-size:40px;margin-bottom:var(--spacing-md)}.abt-connect-card h3{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-sm)}.abt-connect-card p{font-size:14px;color:var(--text-muted)}.abt-tagline{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:18px;font-weight:700;animation:fadeIn .8s ease-out}.abt-tagline p{margin:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.abt-section{padding:var(--spacing-xl) var(--spacing-md)}.abt-title{font-size:32px}.abt-two-column,.abt-vision-grid,.abt-commitment-content,.abt-image-grid{grid-template-columns:1fr}.abt-image-large,.abt-image-small{height:240px}.abt-differentiators-grid{grid-template-columns:1fr}.abt-connect-links{grid-template-columns:repeat(2,1fr)}.abt-vision-grid{gap:var(--spacing-xl)}.abt-team-card{grid-template-columns:1fr;gap:var(--spacing-lg);min-height:auto;padding:var(--spacing-lg)}.abt-team-image-wrapper{height:240px}.abt-diff-images{grid-template-columns:repeat(2,1fr)}.abt-diff-image:last-child{grid-column:1 / -1}}@media(max-width:480px){.abt-section{padding:var(--spacing-lg) var(--spacing-md)}.abt-title{font-size:24px;margin-bottom:var(--spacing-md)}.abt-subtitle,.abt-paragraph{font-size:14px}.abt-section-header{margin-bottom:var(--spacing-xl)}.abt-paragraph-highlight{padding:var(--spacing-md)}.abt-vision-card,.abt-diff-card,.abt-connect-card{padding:var(--spacing-lg)}.abt-diff-images{grid-template-columns:1fr}.abt-diff-image{height:200px}.abt-connect-links{grid-template-columns:1fr}.abt-slider-btn{width:40px;height:40px}.abt-team-slider{min-height:380px}.abt-team-card{padding:var(--spacing-md)}.abt-team-name{font-size:20px}.abt-team-image-wrapper{height:180px}.abt-commitment-image{min-height:280px}.abt-feature-list li,.abt-mission-list li{padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-md);font-size:14px}.abt-commitment-list li{padding:var(--spacing-md)}.abt-quote{padding:var(--spacing-lg)}.abt-quote p{font-size:14px}.abt-tagline{font-size:16px}.abt-vision-text{font-size:14px}.abt-team-position{font-size:12px}.abt-team-description{font-size:14px}}@media(max-width:360px){.abt-title{font-size:20px}.abt-section{padding:var(--spacing-md)}.abt-differentiators-slider{flex-direction:column;gap:var(--spacing-md)}.abt-differentiators-grid{width:100%}.abt-slider-btn{width:36px;height:36px}.abt-vision-title{font-size:18px}.abt-connect-icon{font-size:32px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999}.popup-box{background:#fff;width:92%;max-width:520px;padding:45px;border-radius:22px;position:relative;animation:popupFade .35s ease;box-shadow:0 20px 60px #00000040}.popup-close{position:absolute;top:14px;right:18px;font-size:28px;cursor:pointer;font-weight:700;color:#444;transition:.2s}.popup-close:hover{color:#e63946}.popup-box h2{text-align:center;font-size:22px;font-weight:700;margin-bottom:25px;color:#1d3557}.popup-box h3{text-align:center;font-size:18px;font-weight:600;margin-bottom:18px;color:#333}.option-btn{width:100%;padding:12px 20px;margin-top:14px;border-radius:10px;border:2px solid #1d3557;background:transparent;cursor:pointer;font-size:15px;font-weight:600;transition:.25s ease}.option-btn:hover{background:#1d3557;color:#fff}.option-btn:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;color:#666}.popup-box input{width:100%;padding:12px 14px;margin-top:12px;font-size:15px;font-weight:500;border-radius:8px;border:1.8px solid #d0d7de;outline:none;background:#fff;transition:all .25s ease}.popup-box input::-moz-placeholder{color:#9aa4b2;font-size:14px}.popup-box input::placeholder{color:#9aa4b2;font-size:14px}.popup-box input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.popup-box select{width:100%;padding:12px;margin-top:10px;font-size:15px;font-weight:500;border-radius:8px;border:1.8px solid #d0d7de;outline:none;cursor:pointer;transition:.25s ease}.popup-box select:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f}.submit-btn{width:100%;margin-top:20px;padding:13px;border-radius:10px;border:none;background:linear-gradient(135deg,#1a73e8,#0047b3);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.3s ease}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1a73e84d}.otp-error{margin-top:12px;font-size:14px;font-weight:600;color:#e63946;text-align:center}@keyframes popupFade{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:480px){.popup-box{padding:30px}.popup-box h2{font-size:20px}.popup-box h3{font-size:16px}.option-btn{font-size:14px;padding:11px}.submit-btn{font-size:15px;padding:12px}.popup-box input,.popup-box select{font-size:14px;padding:11px}}.notfound-wrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f9fafb;text-align:center;padding:20px}.notfound-wrapper h1{font-size:96px;font-weight:800;color:#2563eb}.notfound-wrapper h2{font-size:28px;margin-bottom:12px}.notfound-wrapper p{color:#6b7280;max-width:420px;margin-bottom:24px}.notfound-btn{background:#2563eb;color:#fff;padding:12px 26px;border-radius:999px;text-decoration:none;font-weight:600}.notfound-btn:hover{background:#1d4ed8}.notfound-btn.secondary{background:transparent;color:#2563eb;border:2px solid #2563eb}.notfound-btn.secondary:hover{background:#2563eb;color:#fff}.dashboard-tour .react-joyride__overlay{background:#000000a6!important;transition:all .3s ease-in-out}.dashboard-tour .react-joyride__spotlight{border-radius:50%!important;box-shadow:0 0 0 4px #3e4af966;transition:all .3s ease-in-out}.dashboard-tour .react-joyride__tooltip{border-radius:14px!important;padding:18px!important;font-size:14px;box-shadow:0 10px 30px #00000026}.dashboard-tour .react-joyride__button--primary{background-color:#3e4af9!important;border-radius:8px;padding:8px 16px}.dashboard-tour .react-joyride__button--secondary{color:#555!important}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1050;background:var(--bg-primary);border:none;padding:.5rem;border-radius:.5rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.mobile-menu-toggle button{background:none;border:none;color:var(--text-dark);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:transform .3s ease}.mobile-menu-toggle button:hover{transform:scale(1.1);color:var(--primary-blue)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;animation:fadeIn .3s ease}.sidebar{font-family:var(--font-secondary);position:fixed;left:0;top:0;width:300px;height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;box-shadow:2px 0 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--border-light);margin-bottom:1rem;transition:all .3s ease}.logo-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:.75rem;flex-shrink:0;overflow:hidden;animation:slideDown .4s ease}.logo-icon img{width:70%;height:70%;-o-object-fit:contain;object-fit:contain}.logo-text{font-size:1.25rem;font-weight:700;color:var(--primary-dark);letter-spacing:-.5px;animation:slideDown .4s ease .1s both}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav{flex:1;padding:0 .5rem;overflow-y:auto}.menu-item-wrapper{margin-bottom:.25rem}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin:0 0 .25rem;color:var(--text-muted);font-size:.95rem;font-weight:500;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.menu-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--icon-color, var(--primary-blue));transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.menu-item:hover{background:var(--primary-lighter);color:var(--primary-blue);transform:translate(4px)}.menu-item:hover:before{transform:scaleY(1)}.menu-item.active{background:linear-gradient(135deg,var(--primary-lighter),var(--bg-secondary));color:var(--primary-blue);font-weight:600}.menu-item.active:before{transform:scaleY(1)}.menu-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--icon-color, inherit);flex-shrink:0;transition:all .3s ease;font-size:1rem}.menu-item:hover .menu-icon{transform:scale(1.15)}.menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron{font-size:.75rem;opacity:.6;transition:transform .3s ease;margin-left:auto}.chevron.expanded{transform:rotate(90deg)}.submenu{margin-left:1.5rem;margin-top:.25rem;border-left:2px solid var(--border-light);animation:slideDown .3s ease}.submenu-item{padding:.625rem 1rem;color:var(--text-light);font-size:.875rem;cursor:pointer;transition:all .2s ease;border-radius:.5rem;margin:.125rem 0}.submenu-item:hover{color:var(--primary-blue);background:var(--bg-tertiary);padding-left:1.25rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-light);margin-top:auto}.dark-mode-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-light);border-radius:.75rem;color:var(--text-dark);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode-toggle:hover{background:linear-gradient(135deg,var(--primary-lighter),var(--bg-secondary));color:var(--primary-blue);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #3e4af926}.dark-mode-toggle:active{transform:translateY(0)}@media(max-width:768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.sidebar{transform:translate(-100%);width:100%;max-width:280px;box-shadow:2px 0 24px #00000026}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar-logo{padding:1.25rem}.menu-item{padding:.875rem 1rem}.sidebar-nav{padding:.5rem}.sidebar-footer{padding:1rem}.dark-mode-toggle span{display:inline}}@media(max-width:480px){:root{--sidebar-width: 240px}.sidebar{max-width:100%;box-shadow:2px 0 16px #0003}.logo-text{font-size:1.1rem}.menu-item{padding:.75rem .875rem;font-size:.9rem}.menu-icon{width:22px;height:22px}.dark-mode-toggle{padding:.75rem .875rem}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar-nav{animation:fadeInLeft .4s ease .2s both}.menu-item{position:relative}.menu-item:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;background:var(--icon-color, var(--primary-blue));opacity:.05;border-radius:.75rem;transform:translateY(-50%);transition:height .3s ease;z-index:-1}.menu-item:hover:after{height:100%}@keyframes pulseActive{0%,to{box-shadow:0 0 #3e4af94d}50%{box-shadow:0 0 0 6px #3e4af900}}.menu-item.active:before{animation:slideRight .4s ease}@keyframes slideRight{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.sidebar:hover::-webkit-scrollbar-thumb{background:var(--text-light)}.dark-mode-toggle{position:relative;overflow:hidden}.dark-mode-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.dark-mode-toggle:hover:before{width:300px;height:300px}.menu-item:focus,.dark-mode-toggle:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media print{.sidebar,.mobile-menu-toggle,.sidebar-overlay{display:none}}.menu-new{background:linear-gradient(135deg,#ffe5e5,#fff);border-left:3px solid #ff3b3b}.menu-label-wrapper{position:relative;display:flex;align-items:center;gap:8px}.new-badge{background:#ff3b3b;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:6px;text-transform:uppercase}.topbar{font-family:var(--font-secondary);position:sticky;top:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:100;box-shadow:0 2px 8px #0000000a;animation:slideDown .4s ease}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.topbar-container{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 2rem;max-width:100%;margin:0 auto}.topbar-left{flex:1;min-width:0}.search-bar{position:relative;display:flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.75rem;padding:.625rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:400px}.search-bar:focus-within{background:var(--bg-primary);border-color:var(--primary-blue);box-shadow:0 0 0 3px #3e4af91a;transform:translateY(-2px)}.search-icon{color:var(--text-light);font-size:.95rem;flex-shrink:0;transition:color .3s ease}.search-bar:focus-within .search-icon{color:var(--primary-blue)}.search-input{flex:1;background:none;border:none;outline:none;font-size:.95rem;color:var(--text-dark);font-weight:500;min-width:0}.search-input::-moz-placeholder{color:var(--text-light)}.search-input::placeholder{color:var(--text-light)}.search-input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg-secondary) inset;-webkit-text-fill-color:var(--text-dark)}.topbar-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.75rem;color:var(--text-muted);cursor:pointer;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.icon-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#3e4af91a;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;z-index:-1}.icon-button:hover:before{width:100px;height:100px}.icon-button:hover{background:var(--primary-lighter);color:var(--primary-blue);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #3e4af926}.icon-button:active{transform:translateY(0)}.notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,var(--accent-red),#DC2626);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid var(--bg-primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 8px #ef444400}}.nav-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.75rem;color:var(--text-muted);cursor:pointer;font-size:.9rem;transition:all .3s ease}.nav-arrow:hover{background:var(--primary-lighter);color:var(--primary-blue);transform:translate(2px)}.user-profile-wrapper{position:relative;flex-shrink:0}.user-profile-button{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:250px}.user-profile-button:hover{background:var(--primary-lighter);border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px #3e4af926}.user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.625rem;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.user-avatar img{border-radius:12px}.user-avatar-large{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:.75rem;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.user-name{font-size:.95rem;font-weight:600;color:var(--primary-blue);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;font-family:var(--font-secondary)}.user-department{font-style:italic;text-align:left;font-size:.8rem;color:var(--primary-blue);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chevron{font-size:.75rem;color:var(--text-light);margin-left:auto;flex-shrink:0;transition:transform .3s ease}.user-profile-button:hover .profile-chevron{transform:rotate(90deg);color:var(--primary-blue)}.notification-dropdown,.user-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 32px #0000001f;z-index:1000;min-width:220px;animation:dropdownSlideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1rem;border-bottom:1px solid var(--border-light)}.dropdown-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-dark)}.notification-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notification-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-light);transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-secondary)}.notif-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--primary-lighter);border-radius:.625rem;color:var(--primary-blue);font-size:.95rem;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-message{margin:0;font-size:.9rem;color:var(--text-dark);font-weight:500;line-height:1.4}.notif-time{display:block;font-size:.8rem;color:var(--text-light);margin-top:.25rem}.dropdown-footer{padding:1rem;border-top:1px solid var(--border-light)}.view-all-btn{display:block;width:100%;padding:.625rem 1rem;background:var(--primary-lighter);border:1px solid var(--primary-light);border-radius:.625rem;color:var(--primary-blue);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3e4af94d}.user-dropdown-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-light)}.dropdown-user-name{margin:0;font-size:.95rem;font-weight:600;color:var(--text-dark)}.dropdown-user-dept{margin:.25rem 0 0;font-size:.85rem;color:var(--text-light)}.dropdown-divider{height:1px;background:var(--border-light);margin:0}.dropdown-menu{padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:.625rem;color:var(--text-dark);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:var(--bg-secondary);color:var(--primary-blue);transform:translate(4px)}.dropdown-item.logout{color:var(--accent-red)}.dropdown-item.logout:hover{background:#ef44441a;color:var(--accent-red)}.dropdown-item svg{font-size:1rem;flex-shrink:0}.daily-goal-bar{background:linear-gradient(90deg,var(--primary-lighter),var(--bg-secondary));border-top:1px solid var(--border-light);padding:.875rem 2rem}.daily-goal-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.goal-label{font-size:.9rem;font-weight:600;color:var(--text-dark);white-space:nowrap}.goal-controls{display:flex;gap:.5rem}.goal-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-muted);cursor:pointer;font-size:.9rem;transition:all .2s ease}.goal-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 2px 8px #3e4af933}@media(max-width:1024px){.topbar-container{gap:1.5rem;padding:.875rem 1.5rem}.search-bar{max-width:300px}.user-profile-button{max-width:200px}.user-info{display:none}}@media(max-width:768px){.topbar-container{padding:12px 14px;gap:12px}.topbar-left{flex:1}.search-bar{width:100%;max-width:100%;padding:10px 12px;border-radius:12px}.search-input,.search-icon{font-size:14px}.topbar-right{gap:10px}.icon-button,.nav-arrow{width:38px;height:38px;border-radius:12px;font-size:15px}.notification-badge{width:18px;height:18px;font-size:11px;top:-5px;right:-5px}.user-profile-button{max-width:unset}.user-info{display:none!important}.profile-chevron{display:none}.user-avatar{width:38px;height:38px;font-size:15px;border-radius:12px}.notification-dropdown{right:10px;left:10px;width:auto;min-width:unset;max-width:100%}.notification-list{max-height:280px}.daily-goal-bar{padding:12px 14px}.daily-goal-content{flex-direction:column;align-items:flex-start;gap:8px}.goal-label{font-size:13px}.goal-controls{width:100%;justify-content:flex-start}.goal-btn{width:34px;height:34px;border-radius:10px}}.icon-button:focus,.goal-btn:focus,.user-profile-button:focus,.view-all-btn:focus,.dropdown-item:focus{outline-offset:2px}@media print{.topbar,.notification-dropdown,.user-dropdown{display:none}}.dashboard-main{margin-left:240px;min-height:100vh;background:var(--bg-secondary)}@media(max-width:768px){.dashboard-main{margin-left:0;margin-top:0;padding:0}}:root{--primary-blue: #3E4AF9;--primary-dark: #2E3AB3;--primary-light: #6B75FF;--primary-lighter: #E8EBFD;--text-dark: #1A1A1A;--text-muted: #666666;--text-light: #999999;--bg-primary: #FFFFFF;--bg-secondary: #F9F9F9;--bg-tertiary: #F5F5F5;--border-color: #E8E8E8;--border-light: #F0F0F0;--accent-green: #10B981;--accent-orange: #F59E0B;--accent-purple: #8B5CF6;--accent-pink: #EC4899;--accent-cyan: #06B6D4;--accent-red: #EF4444;--chapter-red: #EF4444;--chapter-orange: #F59E0B;--chapter-blue: #3B82F6;--chapter-green: #10B981;--chapter-pink: #EC4899;--chapter-purple: #8B5CF6;--chapter-cyan: #06B6D4}*{box-sizing:border-box}.home-container{margin-top:0;padding:5rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:calc(100vh - 140px);transition:all .3s ease}.slider-container{margin-bottom:1.5rem}.custom-slider{width:100%;height:8px;border-radius:6px;background:linear-gradient(to right,#22c55e,#facc15 35%,#fb923c 65%,#ef4444);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);border:3px solid #fff;box-shadow:0 4px 12px #ef444459;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.custom-slider::-webkit-slider-thumb:hover{width:28px;height:28px;box-shadow:0 6px 16px #ef444480}.custom-slider::-webkit-slider-thumb:active{background:linear-gradient(135deg,#b91c1c,#ef4444)}.custom-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);border:3px solid #fff;box-shadow:0 4px 12px #ef444459;cursor:pointer}.custom-slider::-moz-range-thumb:hover{width:28px;height:28px;box-shadow:0 6px 16px #ef444480}.custom-slider::-moz-range-track{background:none;border:none}.custom-slider::-moz-range-progress{background:linear-gradient(to right,#22c55e,#ef4444)}.slider-labels{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.85rem;color:var(--text-light);font-weight:500}.slider-min,.slider-max{transition:color .2s ease}.custom-slider:hover~.slider-labels .slider-max{color:#ef4444}.carousel-section{margin-bottom:3rem;animation:fadeInUp .5s ease .2s both}.carousel-container{position:relative;display:flex;align-items:center;gap:1rem}.carousel-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-muted);cursor:pointer;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden;z-index:10}.carousel-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#3e4af91a;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s}.carousel-btn:hover:before{width:150px;height:150px}.carousel-btn:hover{background:var(--primary-lighter);color:var(--primary-blue);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #3e4af926}.carousel-btn:active{transform:translateY(0)}.carousel-content{flex:1;position:relative;height:300px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;box-shadow:0 4px 16px #0000000f}.carousel-item{position:absolute;inset:0;opacity:0;transform:translate(100%);transition:all .5s ease;pointer-events:none}.carousel-item.active{opacity:1;transform:translate(0);pointer-events:auto}.carousel-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.carousel-inner{position:relative;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#1f2937,#111827);color:#fff}.carousel-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-red),#DC2626);color:#fff;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700;letter-spacing:.5px;width:-moz-fit-content;width:fit-content;animation:slideDown .4s ease}.carousel-title{margin:1rem 0 .5rem;font-size:1.75rem;font-weight:800;line-height:1.2;letter-spacing:-.5px;animation:slideDown .4s ease .1s both}.carousel-title .yellow{color:#fbbf24}.carousel-description{margin:0;font-size:1rem;font-weight:400;line-height:1.5;opacity:.9;animation:slideDown .4s ease .2s both}.carousel-score{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;position:absolute;right:2rem;bottom:2rem;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.score-value{font-size:3rem;font-weight:900;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.3)}.carousel-indicators{display:flex;gap:.5rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:11}.indicator{width:10px;height:10px;background:#fff6;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.indicator:hover{background:#fff9;transform:scale(1.2)}.indicator.active{background:#fff;width:28px;border-radius:5px}.chapter-rank-section{margin-bottom:3rem;animation:fadeInUp .5s ease .3s both}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-dark)}.section-subtitle{margin:0;font-size:.95rem;color:var(--text-light);font-weight:400}.view-all-link{color:var(--primary-blue);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.view-all-link:hover{color:var(--primary-dark);transform:translate(2px)}.chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.chapter-card{padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.875rem;display:flex;flex-direction:column;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .5s ease forwards}.chapter-card:nth-child(1){animation-delay:.35s}.chapter-card:nth-child(2){animation-delay:.4s}.chapter-card:nth-child(3){animation-delay:.45s}.chapter-card:nth-child(4){animation-delay:.5s}.chapter-card:nth-child(5){animation-delay:.55s}.chapter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--chapter-color, var(--primary-blue));transition:all .3s ease}.chapter-card:hover:before{height:6px}.chapter-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:var(--chapter-color, var(--primary-blue))}.chapter-card.chapter-blue{--chapter-color: var(--chapter-blue)}.chapter-card.chapter-green{--chapter-color: var(--chapter-green)}.chapter-card.chapter-pink{--chapter-color: var(--chapter-pink)}.chapter-card.chapter-purple{--chapter-color: var(--chapter-purple)}.chapter-card.chapter-cyan{--chapter-color: var(--chapter-cyan)}.chapter-card.chapter-red{--chapter-color: var(--chapter-red)}.chapter-card.chapter-orange{--chapter-color: var(--chapter-orange)}.chapter-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--chapter-color),rgba(0,0,0,.1));color:var(--chapter-color);border-radius:.75rem;font-size:1.5rem;transition:all .3s ease}.chapter-card:hover .chapter-icon{transform:scale(1.1) rotate(10deg)}.chapter-info{flex:1}.chapter-name{margin:0;font-size:1rem;font-weight:600;color:var(--text-dark);line-height:1.4}.chapter-subject{margin:.25rem 0 0;font-size:.85rem;color:var(--text-light)}.chapter-count{font-size:1.25rem;font-weight:700;color:var(--chapter-color);opacity:.8;transition:all .3s ease}.chapter-card:hover .chapter-count{opacity:1;transform:scale(1.1)}.digital-books-section{margin-bottom:3rem;animation:fadeInUp .5s ease .4s both}.books-carousel{position:relative;display:flex;align-items:center;gap:1rem}.books-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;overflow-x:auto;padding:.5rem 0}.books-grid::-webkit-scrollbar{height:6px}.books-grid::-webkit-scrollbar-track{background:transparent}.books-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.book-card{padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.875rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:220px;animation:fadeInUp .5s ease forwards}.book-card.image-only{padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.875rem;overflow:hidden;cursor:pointer;min-height:220px;transition:all .35s cubic-bezier(.4,0,.2,1)}.book-card.image-only:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 36px #0000002e}.book-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@media(max-width:640px){.book-card.image-only{min-height:180px}}.board-exams-section{margin-bottom:3rem;animation:fadeInUp .5s ease .5s both}.section-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-red),#DC2626);color:#fff;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-left:.5rem}.new-badge{background:linear-gradient(135deg,var(--accent-red),#DC2626)}.board-exams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.exam-card{padding:2rem 1.5rem;background:var(--bg-primary);border:2px solid var(--exam-color, var(--primary-blue));border-radius:.875rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .5s ease forwards}.exam-card:nth-child(1){animation-delay:.5s}.exam-card:nth-child(2){animation-delay:.55s}.exam-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);transform:translate(-30%,-30%);opacity:0;transition:all .4s ease}.exam-card:hover:before{opacity:1;transform:translate(50%,50%)}.exam-card:hover{background:linear-gradient(135deg,var(--exam-color),rgba(0,0,0,.02));transform:translateY(-6px);box-shadow:0 8px 24px #0000001a}.exam-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;transition:all .3s ease;position:relative;z-index:1}.exam-icon img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.exam-card:hover .exam-icon{transform:scale(1.15) rotate(-6deg);transform:scale(1.15) rotate(-10deg)}.exam-name{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-dark);position:relative;z-index:1}.mock-tests-section{margin-bottom:3rem;animation:fadeInUp .5s ease .6s both}.tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.test-card{padding:1.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.875rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .5s ease forwards}.test-card:nth-child(1){animation-delay:.6s}.test-card:nth-child(2){animation-delay:.65s}.test-red{background:linear-gradient(135deg,rgba(239,68,68,.05),var(--bg-secondary));border-color:#ef444433}.test-blue{background:linear-gradient(135deg,rgba(59,130,246,.05),var(--bg-secondary));border-color:#3b82f633}.test-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.test-card.test-red:hover{border-color:#ef444466;background:linear-gradient(135deg,rgba(239,68,68,.08),var(--bg-secondary))}.test-card.test-blue:hover{border-color:#3b82f666;background:linear-gradient(135deg,rgba(59,130,246,.08),var(--bg-secondary))}.test-content{display:flex;align-items:center;gap:1rem;flex:1}.test-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:.75rem;font-size:1.5rem;transition:all .3s ease;flex-shrink:0}.test-card.test-red .test-icon{background:linear-gradient(135deg,#ef444433,#ef44441a);color:var(--accent-red)}.test-card.test-blue .test-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:var(--chapter-blue)}.test-card:hover .test-icon{transform:scale(1.1) rotate(5deg)}.test-info{flex:1}.test-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-dark)}.test-desc{margin:.375rem 0 0;font-size:.9rem;color:var(--text-light)}.test-badge{padding:.375rem .75rem;color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:700;white-space:nowrap;transition:all .3s ease}.test-card:hover .test-badge{transform:scale(1.1)}.test-arrow{color:var(--text-light);font-size:1rem;transition:all .3s ease;flex-shrink:0}.test-card:hover .test-arrow{color:var(--primary-blue);transform:translate(4px)}.solve-dpps-section{margin-bottom:3rem;animation:fadeInUp .5s ease .7s both}.dpp-card{padding:1.75rem;background:linear-gradient(135deg,var(--accent-orange),#F97316);border:none;border-radius:.875rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #f59e0b4d}.dpp-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s ease}.dpp-card:hover:before{opacity:1}.dpp-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #f59e0b66}.dpp-content{flex:1;position:relative;z-index:1}.dpp-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.dpp-stat{margin:0;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.dpp-number{font-size:1.25rem;font-weight:800;letter-spacing:-.5px}.fire-icon{color:#fbbf24;font-size:1.1rem;animation:flicker 1.5s infinite}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.8}}.dpp-badge{padding:.5rem 1rem;background:#ffffff40;border-radius:.5rem;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.375rem;white-space:nowrap;position:relative;z-index:1;transition:all .3s ease}.dpp-card:hover .dpp-badge{background:#ffffff59;transform:scale(1.05)}.premium-badge{background:#fff3}.dpp-arrow{font-size:1.25rem;position:relative;z-index:1;transition:all .3s ease}.dpp-card:hover .dpp-arrow{transform:translate(4px)}.formula-cards-section{margin-bottom:3rem;animation:fadeInUp .5s ease .8s both}.formula-subjects{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.formula-subject-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--formula-color, var(--primary-blue));font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.formula-subject-btn:hover{background:linear-gradient(135deg,#00000005,#00000003);border-color:var(--formula-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.formula-recent{margin-top:2rem}.formula-label{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:var(--text-dark);text-transform:capitalize}.chapters-carousel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.chapter-formula-card{padding:1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:140px;animation:fadeInUp .5s ease forwards}.chapter-formula-card:nth-child(1){animation-delay:.8s}.chapter-formula-card:nth-child(2){animation-delay:.85s}.chapter-formula-card:nth-child(3){animation-delay:.9s}.chapter-formula-card:nth-child(4){animation-delay:.95s}.chapter-formula-card:nth-child(5){animation-delay:1s}.chapter-formula-card.chapter-blue{--chapter-color: var(--chapter-blue)}.chapter-formula-card.chapter-green{--chapter-color: var(--chapter-green)}.chapter-formula-card.chapter-pink{--chapter-color: var(--chapter-pink)}.chapter-formula-card.chapter-purple{--chapter-color: var(--chapter-purple)}.chapter-formula-card.chapter-cyan{--chapter-color: var(--chapter-cyan)}.chapter-formula-card:hover{background:linear-gradient(135deg,var(--chapter-color),rgba(0,0,0,.02));border-color:var(--chapter-color);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.chapter-card-content{display:flex;flex-direction:column;gap:.5rem}.chapter-title{font-size:.9rem;font-weight:700;color:var(--text-dark);line-height:1.3}.chapter-icon-bg{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--chapter-color);border-radius:.625rem;font-size:1.25rem;transition:all .3s ease;margin-top:auto}.chapter-formula-card:hover .chapter-icon-bg{transform:scale(1.15) rotate(10deg)}.concept-notes-section{margin-bottom:3rem;animation:fadeInUp .5s ease .9s both}.section-header{position:relative}.concept-lightbulb{color:var(--accent-orange);font-size:1.5rem;margin-left:.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.concept-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.concept-card{padding:1.75rem;background:linear-gradient(135deg,var(--primary-lighter),var(--bg-secondary));border:1px solid var(--primary-light);border-radius:.875rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .5s ease .9s both}.concept-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-light),var(--primary-blue));background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.concept-card:hover{box-shadow:0 8px 24px #3e4af933;transform:translateY(-4px);border-color:var(--primary-blue)}.concept-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-blue);color:#fff;border-radius:.75rem;font-size:1.5rem;flex-shrink:0;transition:all .3s ease}.concept-card:hover .concept-icon{transform:scale(1.15);background:var(--primary-dark)}.concept-card p{margin:0;font-size:1rem;font-weight:600;color:var(--text-dark);flex:1}.concept-arrow{color:var(--primary-light);font-size:1rem;transition:all .3s ease;flex-shrink:0}.concept-card:hover .concept-arrow{color:var(--primary-blue);transform:translate(4px)}.readiness-section{margin-bottom:3rem;animation:fadeInUp .5s ease 1s both}.readiness-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.readiness-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-dark)}.readiness-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-red),#DC2626);color:#fff;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:700;letter-spacing:.5px}.readiness-content{background:linear-gradient(135deg,var(--primary-lighter),var(--bg-secondary));border:1px solid var(--primary-light);border-radius:1rem;padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.readiness-info{flex:1}.readiness-description{margin:0;font-size:1.1rem;color:var(--text-dark);font-weight:500}.readiness-score-display{display:flex;align-items:center;gap:2rem}.score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-light));border-radius:50%;color:#fff;position:relative;box-shadow:0 8px 24px #3e4af94d;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) 1s both}.score-text{font-size:2.5rem;font-weight:900;letter-spacing:-1px}.score-label{margin:.25rem 0 0;font-size:.85rem;opacity:.9;font-weight:500}.score-details{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;align-items:center;gap:.75rem;color:var(--text-dark);font-weight:600;font-size:.95rem}.detail-icon{color:var(--primary-blue);font-size:1.25rem}.readiness-section{position:relative}.readiness-content.blurred{filter:blur(6px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.readiness-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffa6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:1rem;text-align:center}.buy-premium-btn{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));color:#fff;padding:14px 34px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 10px 30px #3e4af966;transition:all .3s ease}.buy-premium-btn:hover{transform:scale(1.08);box-shadow:0 14px 40px #3e4af98c}.overlay-text{margin-top:14px;font-size:14px;color:var(--text-dark);max-width:260px;line-height:1.5}.additional-resources-section{animation:fadeInUp .5s ease 1.1s both}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem}.resource-card{padding:1.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.875rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .5s ease forwards}.resource-card:nth-child(1){animation-delay:1.1s}.resource-card:nth-child(2){animation-delay:1.15s}.resource-card:nth-child(3){animation-delay:1.2s}.resource-card:nth-child(4){animation-delay:1.25s}.resource-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.resource-card:hover:before{left:100%}.resource-card:hover{background:linear-gradient(135deg,var(--resource-color),rgba(0,0,0,.02));border-color:var(--resource-color);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.resource-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,var(--resource-color),rgba(0,0,0,.1));color:var(--resource-color);border-radius:.75rem;font-size:1.5rem;transition:all .3s ease}.resource-card:hover .resource-icon{transform:scale(1.15) rotate(10deg)}.resource-label{margin:0;font-size:.9rem;font-weight:600;color:var(--text-dark);line-height:1.3}@media(max-width:1200px){.home-container{margin-left:240px;padding:1.5rem}.chapters-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.readiness-content{flex-direction:column;text-align:center}.readiness-score-display{flex-direction:column}}@media(max-width:1024px){.home-container{margin-left:240px;padding:1.25rem}.carousel-content{height:250px}.carousel-inner{padding:1.5rem}.carousel-title{font-size:1.5rem}.carousel-score{width:100px;height:100px}.score-value{font-size:2.5rem}.chapters-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.books-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:768px){.home-container{margin-left:0;padding:1.5rem}.carousel-container{gap:.75rem}.carousel-btn{width:40px;height:40px;font-size:1rem}.carousel-content{height:220px}.carousel-inner{padding:1.25rem}.carousel-title{font-size:1.25rem}.carousel-description{font-size:.9rem}.carousel-score{width:90px;height:90px;right:1.25rem;bottom:1.25rem}.score-value{font-size:2rem}.chapters-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.chapter-card{padding:1.25rem}.books-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.book-card{padding:1.25rem;min-height:180px}.board-exams-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tests-grid{grid-template-columns:1fr}.test-card{flex-direction:column;align-items:flex-start}.test-content{width:100%}.readiness-content{padding:1.5rem}.readiness-header{flex-direction:column;align-items:flex-start}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.resource-card{padding:1.25rem}}@media(max-width:480px){.home-container{margin-left:0;padding:1.5rem}.goal-header{flex-direction:column;align-items:flex-start}.goal-stats{width:100%}.carousel-container{gap:.5rem}.carousel-btn{width:36px;height:36px}.carousel-content{height:200px}.carousel-inner{padding:1rem}.carousel-title{font-size:1.1rem;margin:.75rem 0 .375rem}.carousel-description{font-size:.85rem}.carousel-score{width:80px;height:80px;right:1rem;bottom:1rem}.score-value{font-size:1.75rem}.chapters-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.chapter-card{padding:1rem}.chapter-icon{width:40px;height:40px;font-size:1.25rem}.books-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.book-card{padding:1rem;min-height:160px}.book-icon{width:40px;height:40px;font-size:1.5rem}.board-exams-grid{grid-template-columns:1fr}.exam-card{padding:1.5rem}.test-card{padding:1.25rem}.dpp-card{padding:1.25rem;flex-direction:column;align-items:flex-start}.dpp-badge{align-self:flex-start}.dpp-arrow{align-self:flex-end;margin-top:-2rem}.formula-subjects{gap:.5rem}.formula-subject-btn{padding:.625rem 1rem;font-size:.85rem}.chapters-carousel-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.chapter-formula-card{padding:1rem;min-height:120px}.readiness-content{padding:1.25rem;gap:1rem}.score-circle{width:120px;height:120px}.score-text{font-size:2rem}.score-details{gap:.75rem}.resources-grid{grid-template-columns:repeat(2,1fr)}.resource-card{padding:1rem}}@media print{.home-container{margin:0;padding:0}.carousel-btn,.goal-action-btn,button{display:none}}.footer{background:linear-gradient(180deg,#fff,#f8fafc);color:#1e293b;padding-top:60px;border-top:1px solid #e5e7eb}.footer-dashboard-wrapper{max-width:1200px;margin:auto;padding:0 24px 48px;display:flex;justify-content:space-between;gap:48px}.footer-info h3{font-size:20px;font-weight:700;margin-bottom:12px;color:#0f172a}.footer-info p{font-size:14.5px;color:#475569;max-width:420px;line-height:1.7}.footer-info strong{color:#2563eb}.footer-social-grid{display:grid;grid-template-columns:repeat(2,200px);gap:18px}.footer-social{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;text-decoration:none;font-weight:600;font-size:15px;background:#fff;color:#0f172a;border:1px solid #e5e7eb;box-shadow:0 6px 18px #0000000f;transition:all .35s ease}.footer-social i{font-size:22px}.footer-social:hover{transform:translateY(-6px) scale(1.05);color:#fff;box-shadow:0 16px 40px #0000002e}.youtube:hover{background:linear-gradient(135deg,red,#c00);border-color:transparent}.instagram:hover{background:linear-gradient(135deg,#e1306c,#c13584);border-color:transparent}.telegram:hover{background:linear-gradient(135deg,#229ed9,#1d4ed8);border-color:transparent}.twitter:hover{background:linear-gradient(135deg,#1da1f2,#0ea5e9);border-color:transparent}.footer-bottom{border-top:1px solid #e5e7eb;padding:18px 16px;text-align:center;background:#f9fafb}.footer-bottom p{font-size:14px;color:#475569}.footer-bottom strong{color:#2563eb}@media(max-width:768px){.footer-dashboard-wrapper{flex-direction:column;gap:36px}.footer-social-grid{grid-template-columns:1fr;width:100%}.footer-social{justify-content:center}.footer-info p{max-width:100%}}.daily-goal-section{display:flex;justify-content:center;margin:20px 0}.goal-card{width:100%;max-width:1200px;background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 18px #0000001f}.goal-header h2{font-size:20px;margin-bottom:5px}.goal-date{font-size:14px;color:gray;margin-bottom:10px}.goal-count{font-size:16px;margin-bottom:15px}.goal-buttons{display:flex;justify-content:space-between;margin-bottom:15px}.goal-btn{flex:1;margin:0 5px;padding:10px;border:none;border-radius:10px;cursor:pointer;background:#eee;font-weight:700}.goal-btn.active{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));color:#fff}.slider-container{margin:15px 0}.custom-slider{width:100%;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:14px;color:#444}.goal-save-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));color:#fff;padding:14px 34px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;border:2px solid var(--primary-blue);cursor:pointer;transition:all .3s ease}.goal-save-btn:hover{transform:scale(1.06);box-shadow:0 8px 18px #2563eb59}.goal-save-btn:active{transform:scale(.98)}.goal-save-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);transform:translate(-120%);transition:transform .6s ease;animation:btnShine 1s ease-in-out infinite;pointer-events:none}.goal-save-btn:hover:before{transform:translate(120%)}@keyframes btnShine{0%{transform:translate(-120%)}to{transform:translate(120%)}}.mock-page{width:100%;height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.mock-image{flex:1;width:100%;overflow-y:auto;overflow-x:hidden;background:#000}.mock-image img{width:100%;height:auto;display:block}.mock-footer{background:#fff;padding:18px 25px;border-top:2px solid #ddd}.mock-checkbox{padding-right:10px;text-align:justify;display:flex;gap:12px;font-size:14px;line-height:1.5;color:#222;font-weight:500}.mock-checkbox input{margin-top:5px;transform:scale(1.2);cursor:pointer}.proceed-btn{width:220px;margin:18px auto 0;padding:12px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;display:block;cursor:pointer;transition:.3s ease}.proceed-btn:hover{background:#218838;transform:translateY(-1px)}.proceed-btn:disabled{background:gray;cursor:not-allowed;transform:none}:root{--color-primary-orange: #FF9800;--color-primary-blue: #2196F3;--color-primary-green: #4CAF50;--color-primary-cyan: #00BCD4;--color-primary-purple: #9C27B0;--color-white: #FFFFFF;--color-bg-light: #F5F5F5;--color-bg-sidebar: #FAFAFA;--color-text-primary: #212121;--color-text-secondary: #757575;--color-text-tertiary: #9E9E9E;--color-border-light: #EEEEEE;--color-border-medium: #E0E0E0;--color-accent-orange: #FF9800;--color-accent-red: #F44336;--color-accent-yellow: #FFC107;--shadow-light: 0 2px 4px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .12);--shadow-hover: 0 6px 16px rgba(0, 0, 0, .16);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--transition-fast: all .15s ease-in-out;--transition-standard: all .3s ease-in-out;--transition-slow: all .5s ease-in-out}html,button{font-family:var(--font-family-primary);cursor:pointer;border:none;background:none}.jee-resource-container{display:flex;width:100%;height:100vh;background-color:var(--color-white);overflow:hidden}.sidebar{width:280px;height:100vh;background-color:var(--color-bg-sidebar);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg);gap:var(--spacing-lg);box-shadow:var(--shadow-light)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.sidebar-header{display:flex;flex-direction:column;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border-light)}.logo-section{display:flex;align-items:center;gap:var(--spacing-md)}.logo-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-light)}.logo-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:scale(1.1)}.logo-icon:hover{transform:scale(1.08);box-shadow:var(--shadow-hover)}.logo-text{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.sidebar-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-item{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;letter-spacing:.3px}.subjects-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.subject-btn{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-md);background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:var(--transition-standard);position:relative;overflow:hidden}.subject-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.5),transparent);opacity:0;transition:var(--transition-fast);pointer-events:none}.subject-btn:hover{border-color:var(--color-border-medium);background-color:var(--color-bg-light);transform:translate(2px);box-shadow:var(--shadow-light)}.subject-btn:hover:before{opacity:1}.subject-btn.active{background-color:#424242;border-color:#424242;color:var(--color-white);box-shadow:var(--shadow-medium)}.subject-btn.active .subject-name{color:var(--color-white);font-weight:600}.subject-btn.active .subject-arrow{color:var(--color-white)}.subject-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;transition:var(--transition-standard)}.subject-btn.active .subject-icon{transform:scale(1.1);filter:brightness(1.1)}.icon-orange{background-color:#ff9800;color:var(--color-white)}.icon-green{background-color:#4caf50;color:var(--color-white)}.icon-blue{background-color:#2196f3;color:var(--color-white)}.icon-cyan{background-color:#00bcd4;color:var(--color-white)}.subject-name{flex:1;font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);text-align:left;transition:var(--transition-fast)}.subject-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#f44336;color:var(--color-white);font-size:var(--font-size-xs);font-weight:700;padding:2px 6px;border-radius:var(--radius-xs);letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}.subject-arrow{color:var(--color-text-secondary);font-size:18px;font-weight:700;transition:var(--transition-fast)}.subject-btn:hover .subject-arrow{transform:translate(2px);color:var(--color-text-primary)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;margin-left:260px;background-color:var(--color-white);overflow:hidden}.content-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--color-white);border-bottom:1px solid var(--color-border-light);gap:var(--spacing-lg)}.header-title h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);letter-spacing:-.3px}.header-actions{display:flex;gap:var(--spacing-md)}.sort-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-primary-blue);background-color:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-standard);font-weight:500}.sort-btn:hover{background-color:var(--color-bg-light);border-color:var(--color-primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-light)}.sort-btn:active{transform:translateY(0);box-shadow:none}.filters-section{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--color-white);gap:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.filter-pills{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.filter-pill{padding:8px 14px;font-size:var(--font-size-base);background-color:var(--color-white);border:1.5px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-standard);font-weight:500;letter-spacing:.2px;white-space:nowrap}.filter-pill:hover{border-color:var(--color-text-secondary);background-color:var(--color-bg-light);transform:translateY(-2px);box-shadow:var(--shadow-light)}.filter-pill.active{background-color:#ff98001a;border-color:var(--color-accent-orange);color:var(--color-accent-orange);font-weight:600}.filter-pill.highlighted{border-color:var(--color-accent-orange)}.chapter-count{font-size:var(--font-size-base);color:var(--color-text-secondary);white-space:nowrap;font-weight:500}.chapters-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--color-white)}.chapters-container::-webkit-scrollbar{width:8px}.chapters-container::-webkit-scrollbar-track{background:transparent}.chapters-container::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}.chapters-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.chapter-card{display:flex;justify-content:space-between;padding:20px 18px;border:1px solid #eee;border-radius:12px;background:#fff;margin-bottom:12px}.chapter-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:var(--transition-slow);pointer-events:none}.chapter-left{display:flex;align-items:center;gap:12px;flex:0 0 auto}.chapter-right{display:flex;align-items:center;gap:18px;margin-left:auto}.chapter-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.chapter-icon{width:44px;height:44px;border-radius:var(--radius-md);border:2px solid;display:flex;align-items:center;justify-content:center;transition:var(--transition-standard);background-color:#ffffff80;position:relative;overflow:hidden}.icon-symbol{font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1;transition:var(--transition-fast)}.chapter-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.chapter-title{font-size:15px;font-weight:600;margin:0;white-space:nowrap}.chapter-stats{display:flex;align-items:center;gap:8px;font-size:13px;color:gray;white-space:nowrap}.stat-item{display:flex;gap:2px}.stat-item strong{color:var(--color-text-primary);font-weight:600}.stat-divider{color:var(--color-border-medium)}.chapter-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;white-space:nowrap;transition:var(--transition-fast);text-transform:uppercase}.badge-orange{background-color:#ff980033;color:var(--color-accent-orange);border:1px solid rgba(255,152,0,.3)}.badge-red{background-color:#f4433633;color:var(--color-accent-red);border:1px solid rgba(244,67,54,.3)}.chapter-arrow{font-size:18px;font-weight:700;color:#666}.chapter-card:hover .icon-symbol{transform:scale(1.15)}.chapter-card:hover .chapter-badge{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.chapter-card:hover .chapter-title{color:var(--color-primary-blue)}.chapter-card:hover .chapter-arrow{transform:translate(4px);color:var(--color-primary-blue)}.chapter-icon:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4),transparent);opacity:0;transition:var(--transition-fast)}.chapter-card:hover:before{left:100%}.chapter-card:hover{border-color:var(--color-border-medium);background-color:var(--color-bg-light);transform:translateY(-2px) translate(2px);box-shadow:var(--shadow-medium)}.chapter-card.hover{background-color:var(--color-bg-light);border-color:var(--color-border-medium);box-shadow:var(--shadow-light)}.chapter-card:hover .chapter-icon:after{opacity:1}.chapter-card:hover .chapter-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 8px #00000026}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.subject-btn{animation:slideInFromLeft .4s ease-out}.chapter-card{animation:fadeIn .3s ease-out}@media(max-width:1024px){.sidebar{width:240px;padding:var(--spacing-md);gap:var(--spacing-md)}.content-header{padding:var(--spacing-md) var(--spacing-lg)}.header-title h2{font-size:var(--font-size-xl)}.filters-section{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.chapter-card{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.chapters-container{padding:var(--spacing-md) var(--spacing-lg)}.chapter-icon{width:40px;height:40px}.icon-symbol{font-size:18px}.chapter-stats{font-size:var(--font-size-xs)}.logo-text{font-size:var(--font-size-lg)}.sidebar-meta{gap:var(--spacing-xs)}.meta-item{font-size:var(--font-size-xs)}}@media(max-width:768px){.jee-resource-container{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md);gap:var(--spacing-md)}.sidebar-header{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.logo-section{grid-column:1 / 3}.sidebar-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.subjects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.main-content{height:auto;flex:1}.content-header{padding:var(--spacing-md);flex-direction:column;align-items:flex-start}.header-title h2{font-size:var(--font-size-lg)}.filters-section{padding:var(--spacing-md);flex-direction:column;align-items:flex-start}.filter-pills{width:100%}.chapter-count{width:100%;text-align:left}.chapters-container{padding:var(--spacing-md)}.chapter-card{gap:var(--spacing-sm)}.chapter-stats{display:none}.chapter-icon{width:36px;height:36px}.icon-symbol{font-size:16px}}@media(max-width:640px){:root{--spacing-md: 12px;--spacing-lg: 16px;--spacing-2xl: 24px;--font-size-base: 13px}.sidebar{padding:var(--spacing-sm);gap:var(--spacing-sm)}.sidebar-header{grid-template-columns:1fr;gap:var(--spacing-sm)}.logo-section{grid-column:1}.sidebar-meta{gap:var(--spacing-sm)}.meta-item{font-size:11px}.subjects-list{grid-template-columns:1fr}.subject-btn{padding:var(--spacing-sm) var(--spacing-md)}.subject-icon{width:28px;height:28px;font-size:14px}.subject-name{font-size:var(--font-size-sm)}.content-header{padding:var(--spacing-sm)}.header-title h2{font-size:var(--font-size-base)}.filters-section{padding:var(--spacing-sm)}.filter-pills{gap:6px}.filter-pill{padding:6px 10px;font-size:var(--font-size-sm)}.chapters-container{padding:var(--spacing-sm)}.chapter-card{padding:8px var(--spacing-sm);gap:8px;margin-bottom:6px}.chapter-icon{width:32px;height:32px;min-width:32px}.icon-symbol{font-size:14px}.chapter-title{font-size:var(--font-size-sm)}.chapter-badge{padding:3px 6px;font-size:10px}.chapter-arrow{font-size:16px}.sort-btn{padding:6px 10px;font-size:var(--font-size-xs)}}@media(max-width:480px){:root{--spacing-md: 8px;--spacing-lg: 12px;--spacing-2xl: 16px;--font-size-base: 12px}.sidebar{padding:8px;gap:8px}.logo-section{flex-direction:row}.logo-icon{width:32px;height:32px;font-size:16px}.logo-text{font-size:var(--font-size-base)}.sidebar-header{padding-bottom:8px}.meta-item{font-size:10px}.subject-btn{padding:8px;gap:8px}.subject-icon{width:24px;height:24px;font-size:12px;min-width:24px}.subject-name{font-size:11px}.subject-badge{font-size:9px;padding:2px 4px}.subject-arrow{font-size:14px}.content-header{padding:8px;gap:8px}.header-title h2{font-size:13px}.filters-section{padding:8px;gap:8px}.filter-pills{gap:4px}.filter-pill{padding:4px 8px;font-size:11px}.chapter-count{font-size:11px}.chapters-container{padding:8px}.chapter-card{padding:6px 8px;gap:6px;margin-bottom:4px}.chapter-icon{width:28px;height:28px;min-width:28px}.icon-symbol{font-size:12px}.chapter-title{font-size:11px}.chapter-badge{padding:2px 4px;font-size:9px}.chapter-arrow{font-size:14px}.sort-btn{padding:4px 8px;font-size:10px}}.jee-resource-container .hamburger-btn{display:none;position:fixed;top:15px;right:15px;z-index:2000;color:#000;border:none;font-size:22px;padding:10px 12px;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #00000026}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1400}.close-btn{display:none;position:absolute;top:15px;right:15px;background:none;border:none;font-size:22px;cursor:pointer}@media(max-width:480px){.jee-resource-container .hamburger-btn{display:block}.sidebar{position:fixed;top:0;left:0;height:100%;width:260px;transform:translate(-100%);transition:transform .3s ease;z-index:1500;box-shadow:4px 0 20px #00000040}.sidebar.open{transform:translate(0)}.close-btn{display:block}.main-content{width:100%;margin-left:0!important;padding:20px}}.subject-btn:focus-visible,.filter-pill:focus-visible,.sort-btn:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.chapter-card:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:-1px;border-color:var(--color-primary-blue)}@media(prefers-contrast:more){.chapter-card,.filter-pill,.subject-btn{border-width:2px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.sidebar,.header-actions,.filters-section{display:none}.jee-resource-container{flex-direction:column}.main-content{height:auto}.chapter-card{page-break-inside:avoid;border:1px solid #000;margin-bottom:12px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chapter-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.header-subtext{font-size:14px;color:var(--text-muted);margin-top:6px}.mp-type-filter{margin-top:20px}.filter-heading{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--text-dark)}.chapter-status{font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:8px;display:inline-block}.chapter-status.available{background:#10b98126;color:#10b981;border:1px solid #10b981}.chapter-status.unavailable{background:#ef44441f;color:#ef4444;border:1px solid #ef4444}.chapter-card.locked{opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale(60%)}.chapter-status.unavailable{background:#ff00001f;color:red;font-weight:600}.chapter-status.available{background:#10b98126;color:var(--accent-success);font-weight:600}.chapter-status.locked-status{background:#ff00001f;color:#ff2d2d;font-weight:700;padding:6px 12px;border-radius:8px}.mpv-wrapper{padding:30px;background:#f9f9f9;min-height:100vh;position:relative}.mpv-pdf-container{width:100%;max-width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:25px;margin-top:30px}.mpv-pdf-container canvas{max-width:100%!important;height:auto!important}.mpv-wrapper *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mpv-scroll-text{font-size:14px;color:#666;margin-top:20px}@media(max-width:600px){.mpv-wrapper{padding:10px}.mpv-pdf-container{gap:15px;margin-top:15px}.mpv-scroll-text{font-size:13px;text-align:center}}@media(max-width:900px){.mpv-wrapper{padding:18px}}@media print{.mpv-wrapper{display:none!important}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::-moz-selection{background:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.mypurchase-wrapper{padding:60px 20px;max-width:1150px;margin:auto;font-family:Inter,sans-serif}.mypurchase-header{text-align:center;margin-bottom:40px}.mypurchase-header h2{font-size:36px;font-weight:800;color:#111827}.mypurchase-header p{font-size:16px;color:#6b7280;margin-top:8px}.mypurchase-loading,.mypurchase-empty{text-align:center;font-size:18px;color:gray;margin-top:50px}.mypurchase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:28px}.mypurchase-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px #0000001f;transition:.3s ease}.mypurchase-card:hover{transform:translateY(-8px);box-shadow:0 14px 35px #0000002e}.mypurchase-card img{width:100%;height:190px;-o-object-fit:contain;object-fit:contain;background:#f9fafb;padding:10px}.mypurchase-info{padding:18px 20px}.mypurchase-info h3{font-size:20px;font-weight:700;margin-bottom:6px}.mypurchase-info p{font-size:14px;color:#6b7280;margin-bottom:12px}.mypurchase-price{display:inline-block;background:#2563eb;color:#fff;font-size:14px;font-weight:700;padding:6px 14px;border-radius:999px;margin-bottom:15px}.mypurchase-actions{display:flex;gap:10px}.mypurchase-btn{flex:1;padding:10px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:.3s}.mypurchase-btn.primary{background:#2563eb;color:#fff}.mypurchase-btn.primary:hover{background:#1d4ed8}.mypurchase-btn.secondary{background:#f3f4f6;color:#111827}.mypurchase-btn.secondary:hover{background:#e5e7eb}.mypurchase-recommend{margin-top:60px;padding:35px;text-align:center;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 8px 20px #00000014}.mypurchase-recommend h3{font-size:22px;font-weight:800;margin-bottom:10px}.mypurchase-recommend p{font-size:15px;color:#4b5563;margin-bottom:20px}.recommend-btn{background:#10b981;color:#fff;border:none;padding:12px 22px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;transition:.3s}.recommend-btn:hover{background:#059669}.mypurchase-card{position:relative;overflow:hidden}.mypurchase-card:before{content:"";position:absolute;top:0;left:-120%;width:200%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-25deg);transition:.6s ease}.mypurchase-card:hover:before{left:120%}.mypurchase-card:hover{border:1px solid rgba(37,99,235,.4);box-shadow:0 18px 45px #2563eb40}.mypurchase-card{opacity:0;transform:translateY(30px);animation:slideUp .7s ease forwards}.mypurchase-card:nth-child(1){animation-delay:.1s}.mypurchase-card:nth-child(2){animation-delay:.2s}.mypurchase-card:nth-child(3){animation-delay:.3s}.mypurchase-card:nth-child(4){animation-delay:.4s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.mypurchase-btn{position:relative;overflow:hidden}.mypurchase-btn:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:#ffffff40;transform:skew(-20deg);transition:.5s}.mypurchase-btn:hover:after{left:120%}.mypurchase-btn:hover{transform:scale(1.05)}.mypurchase-price{animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 #2563eb80}50%{box-shadow:0 0 12px #2563ebcc}to{box-shadow:0 0 #2563eb80}}.mypurchase-recommend{animation:floatBox 3s ease-in-out infinite}@keyframes floatBox{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.recommend-btn:hover{box-shadow:0 0 18px #10b98199;transform:translateY(-3px)}:root{--chapter-ranking-primary: #3E4AF9;--chapter-ranking-primary-light: #6B7FFF;--chapter-ranking-primary-dark: #2A33B8;--chapter-ranking-secondary: #34A8E0;--chapter-ranking-accent-orange: #FF9800;--chapter-ranking-accent-red: #FF6B6B;--chapter-ranking-accent-green: #4CAF50;--chapter-ranking-accent-purple: #9C27B0;--chapter-ranking-bg-light: #F8F9FB;--chapter-ranking-bg-lighter: #FAFBFC;--chapter-ranking-bg-white: #FFFFFF;--chapter-ranking-text-dark: #1A1F3A;--chapter-ranking-text-gray: #6B7280;--chapter-ranking-text-light: #9CA3AF;--chapter-ranking-border: #E5E7EB;--chapter-ranking-border-light: #F3F4F6;--chapter-ranking-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--chapter-ranking-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--chapter-ranking-shadow-lg: 0 10px 20px rgba(0, 0, 0, .12);--chapter-ranking-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.chapter-ranking{width:100%;background:linear-gradient(135deg,var(--chapter-ranking-bg-lighter) 0%,var(--chapter-ranking-bg-light) 100%);min-height:100vh;padding:4rem;font-family:var(--font-secondary);color:var(--chapter-ranking-text-dark)}.chapter-ranking__header{margin-bottom:3rem;animation:slideDownFadeIn .6s ease-out}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.chapter-ranking__title-section{display:flex;flex-direction:column;gap:.75rem}.chapter-ranking__main-title{font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--chapter-ranking-text-dark);display:flex;align-items:center;gap:1rem;letter-spacing:-.5px}.chapter-ranking__title-icon{color:var(--chapter-ranking-primary);font-size:2rem}.chapter-ranking__subtitle{font-size:1rem;color:var(--chapter-ranking-text-gray);font-weight:400;letter-spacing:.3px;max-width:600px}.chapter-ranking__container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.chapter-ranking__filters-section{background:var(--chapter-ranking-bg-white);border-radius:12px;padding:2rem;box-shadow:var(--chapter-ranking-shadow-md);animation:fadeInUp .6s ease-out .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chapter-ranking__filter-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.chapter-ranking__filter-icon{color:var(--chapter-ranking-primary);font-size:1.25rem}.chapter-ranking__filter-title{font-size:1.1rem;font-weight:600;color:var(--chapter-ranking-text-dark);letter-spacing:.2px;margin:0}.chapter-ranking__filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.chapter-ranking__filter-group{display:flex;flex-direction:column;gap:.5rem}.chapter-ranking__filter-label{font-size:.875rem;font-weight:600;color:var(--chapter-ranking-text-dark);text-transform:uppercase;letter-spacing:1px;display:block}.chapter-ranking__select,.chapter-ranking__search-input{font-size:.95rem;padding:.75rem 1rem;border:2px solid var(--chapter-ranking-border-light);border-radius:8px;background:var(--chapter-ranking-bg-lighter);color:var(--chapter-ranking-text-dark);font-family:inherit;transition:var(--chapter-ranking-transition);cursor:pointer}.chapter-ranking__select:hover,.chapter-ranking__search-input:hover{border-color:var(--chapter-ranking-primary-light);background:var(--chapter-ranking-bg-white)}.chapter-ranking__select:focus,.chapter-ranking__search-input:focus{outline:none;border-color:var(--chapter-ranking-primary);box-shadow:0 0 0 3px #3e4af91a;background:var(--chapter-ranking-bg-white)}.chapter-ranking__sort-select-wrapper{position:relative;display:flex;align-items:center}.chapter-ranking__sort-icon{position:absolute;left:1rem;color:var(--chapter-ranking-primary);font-size:1rem;pointer-events:none}.chapter-ranking__sort-select-wrapper .chapter-ranking__select{padding-left:2.75rem}.chapter-ranking__search-wrapper{position:relative;display:flex;align-items:center}.chapter-ranking__search-icon{position:absolute;left:1rem;color:var(--chapter-ranking-text-light);font-size:.95rem;pointer-events:none}.chapter-ranking__search-input{padding-left:2.75rem;width:100%}.chapter-ranking__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--chapter-ranking-bg-white);border-radius:12px;box-shadow:var(--chapter-ranking-shadow-md)}.chapter-ranking__spinner{font-size:2.5rem;color:var(--chapter-ranking-primary);margin-bottom:1rem;animation:spin 1s linear infinite}.chapter-ranking__loading-text{font-size:1.1rem;color:var(--chapter-ranking-text-gray);font-weight:500;margin:0}.chapter-ranking__error{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ff6b6b0d;border:2px solid rgba(255,107,107,.2);border-radius:10px;animation:slideInError .4s ease-out}@keyframes slideInError{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.chapter-ranking__error-icon{color:var(--chapter-ranking-accent-red);font-size:1.5rem;flex-shrink:0}.chapter-ranking__error-text{color:var(--chapter-ranking-text-dark);font-size:.95rem;font-weight:500;margin:0}.chapter-ranking__metrics-section{background:var(--chapter-ranking-bg-white);border-radius:12px;overflow:hidden;box-shadow:var(--chapter-ranking-shadow-md);animation:fadeInUp .6s ease-out .2s both}.chapter-ranking__metrics-header{padding:1.5rem;border-bottom:2px solid var(--chapter-ranking-border-light);background:linear-gradient(135deg,#3e4af905,#34a8e005)}.chapter-ranking__metrics-toggle{width:100%;display:flex;align-items:center;gap:1rem;background:none;border:none;cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--chapter-ranking-text-dark);transition:var(--chapter-ranking-transition);padding:0}.chapter-ranking__metrics-toggle:hover{color:var(--chapter-ranking-primary)}.chapter-ranking__toggle-icon{font-size:1.25rem;color:var(--chapter-ranking-primary);transition:var(--chapter-ranking-transition);flex-shrink:0}.chapter-ranking__toggle-icon--expanded{transform:rotate(180deg)}.chapter-ranking__section-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--chapter-ranking-text-dark);letter-spacing:.3px}.chapter-ranking__metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:2rem}.chapter-ranking__metric-card{display:flex;flex-direction:column;align-items:center;padding:1.75rem;background:linear-gradient(135deg,var(--chapter-ranking-bg-lighter) 0%,var(--chapter-ranking-bg-white) 100%);border-radius:10px;border:1px solid var(--chapter-ranking-border-light);transition:var(--chapter-ranking-transition);cursor:default;text-align:center}.chapter-ranking__metric-card:hover{transform:translateY(-4px);box-shadow:var(--chapter-ranking-shadow-lg);border-color:var(--chapter-ranking-border)}.chapter-ranking__metric-icon-wrapper{width:4rem;height:4rem;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:var(--chapter-ranking-transition)}.chapter-ranking__metric-card:hover .chapter-ranking__metric-icon-wrapper{transform:scale(1.1)}.chapter-ranking__metric-icon{font-size:1.5rem;color:var(--chapter-ranking-primary)}.chapter-ranking__metric-icon--trend{color:var(--chapter-ranking-secondary)}.chapter-ranking__metric-icon--high{color:var(--chapter-ranking-accent-red)}.chapter-ranking__metric-icon--low{color:var(--chapter-ranking-accent-green)}.chapter-ranking__metric-label{font-size:.825rem;color:var(--chapter-ranking-text-light);font-weight:500;text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem}.chapter-ranking__metric-value{font-size:2rem;font-weight:700;color:var(--chapter-ranking-text-dark);margin:0;line-height:1}.chapter-ranking__charts-section{background:var(--chapter-ranking-bg-white);border-radius:12px;padding:2rem;box-shadow:var(--chapter-ranking-shadow-md);animation:fadeInUp .6s ease-out .3s both}.chapter-ranking__charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:1.5rem}.chapter-ranking__pie-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#3e4af905,#34a8e005);border-radius:10px;border:1px solid var(--chapter-ranking-border-light);transition:var(--chapter-ranking-transition)}.chapter-ranking__pie-wrapper:hover{transform:translateY(-2px);box-shadow:var(--chapter-ranking-shadow-md)}.chapter-ranking__pie-title{font-size:.95rem;font-weight:600;color:var(--chapter-ranking-text-dark);margin:0;letter-spacing:.2px}.chapter-ranking__pie-chart{width:100%;height:auto;max-width:200px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.chapter-ranking__pie-slice{transition:filter .3s ease;cursor:pointer}.chapter-ranking__pie-slice:hover{filter:brightness(.9)}.chapter-ranking__pie-center-text{font-size:1.25rem;font-weight:700;fill:var(--chapter-ranking-text-dark)}.chapter-ranking__pie-legend{display:flex;flex-direction:column;gap:.5rem;width:100%}.chapter-ranking__legend-item{display:flex;align-items:center;gap:.75rem;font-size:.825rem}.chapter-ranking__legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.chapter-ranking__legend-text{color:var(--chapter-ranking-text-gray);font-weight:500}.chapter-ranking__list-section{background:var(--chapter-ranking-bg-white);border-radius:12px;overflow:hidden;box-shadow:var(--chapter-ranking-shadow-md);animation:fadeInUp .6s ease-out .4s both}.chapter-ranking__list-header{padding:1.5rem;border-bottom:2px solid var(--chapter-ranking-border-light);background:linear-gradient(135deg,#3e4af905,#34a8e005)}.chapter-ranking__list-toggle{width:100%;display:flex;align-items:center;gap:1rem;background:none;border:none;cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--chapter-ranking-text-dark);transition:var(--chapter-ranking-transition);padding:0}.chapter-ranking__list-toggle:hover{color:var(--chapter-ranking-primary)}.chapter-ranking__chapters-container{display:flex;flex-direction:column;gap:0}.chapter-ranking__chapter-item{border-bottom:1px solid var(--chapter-ranking-border-light);transition:var(--chapter-ranking-transition);background:var(--chapter-ranking-bg-white)}.chapter-ranking__chapter-item:last-child{border-bottom:none}.chapter-ranking__chapter-item:hover{background:linear-gradient(90deg,#3e4af908,#34a8e008)}.chapter-ranking__chapter-item--active{background:linear-gradient(90deg,#3e4af914,#34a8e00d)}.chapter-ranking__chapter-main{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;cursor:pointer;transition:var(--chapter-ranking-transition)}.chapter-ranking__chapter-index{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;color:#fff;font-weight:600;box-shadow:0 2px 6px #00000026}.chapter-ranking__chapter-item:nth-child(15n+1) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.chapter-ranking__chapter-item:nth-child(15n+2) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#ef4444,#f87171)}.chapter-ranking__chapter-item:nth-child(15n+3) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#2563eb,#60a5fa)}.chapter-ranking__chapter-item:nth-child(15n+4) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#10b981,#34d399)}.chapter-ranking__chapter-item:nth-child(15n+5) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.chapter-ranking__chapter-item:nth-child(15n+6) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#ec4899,#f472b6)}.chapter-ranking__chapter-item:nth-child(15n+7) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.chapter-ranking__chapter-item:nth-child(15n+8) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#8b5cf6,#c4b5fd)}.chapter-ranking__chapter-item:nth-child(15n+9) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#f97316,#fdba74)}.chapter-ranking__chapter-item:nth-child(15n+10) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#0ea5e9,#7dd3fc)}.chapter-ranking__chapter-item:nth-child(15n+11) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#22c55e,#86efac)}.chapter-ranking__chapter-item:nth-child(15n+12) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#dc2626,#fca5a5)}.chapter-ranking__chapter-item:nth-child(15n+13) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#6366f1,#a5b4fc)}.chapter-ranking__chapter-item:nth-child(15n+14) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#e11d48,#fda4af)}.chapter-ranking__chapter-item:nth-child(15n+15) .chapter-ranking__chapter-index{background:linear-gradient(135deg,#059669,#6ee7b7)}.chapter-ranking__index-number{color:#fff;font-weight:700;font-size:.95rem}.chapter-ranking__chapter-icon-wrapper{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#3e4af91a;border-radius:10px;flex-shrink:0;transition:var(--chapter-ranking-transition)}.chapter-ranking__chapter-item:hover .chapter-ranking__chapter-icon-wrapper{background:#3e4af926;transform:scale(1.05)}.chapter-ranking__chapter-icon{font-size:1.25rem;color:var(--chapter-ranking-primary)}.chapter-ranking__chapter-info{flex:1;min-width:0}.chapter-ranking__chapter-name{font-size:1rem;font-weight:600;color:var(--chapter-ranking-text-dark);margin:0 0 .35rem;word-break:break-word;letter-spacing:.2px}.chapter-ranking__chapter-meta{font-size:.825rem;color:var(--chapter-ranking-text-light);margin:0;display:flex;gap:1rem;flex-wrap:wrap}.chapter-ranking__chapter-rank{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:80px}.chapter-ranking__rank-label{font-size:.75rem;color:var(--chapter-ranking-text-light);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin:0}.chapter-ranking__rank-value{font-size:1.5rem;font-weight:700;color:var(--chapter-ranking-primary);margin:0;line-height:1}.chapter-ranking__expand-icon{color:var(--chapter-ranking-text-light);font-size:1.1rem;flex-shrink:0;transition:var(--chapter-ranking-transition)}.chapter-ranking__chapter-item--active .chapter-ranking__expand-icon{color:var(--chapter-ranking-primary);transform:rotate(180deg)}.chapter-ranking__chapter-details{padding:1.5rem;background:linear-gradient(90deg,#3e4af90d,#34a8e008);border-top:1px solid rgba(62,74,249,.1);animation:expandDown .3s ease-out}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.chapter-ranking__details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.chapter-ranking__detail-item{display:flex;flex-direction:column;gap:.4rem;padding:1rem;background:#fff9;border-radius:8px;border:1px solid rgba(62,74,249,.1)}.chapter-ranking__detail-label{font-size:.75rem;color:var(--chapter-ranking-text-light);text-transform:uppercase;letter-spacing:1px;font-weight:600}.chapter-ranking__detail-value{font-size:1.25rem;font-weight:700;color:var(--chapter-ranking-primary)}.chapter-ranking__detail-description{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#3e4af914;border-radius:8px;border-left:3px solid var(--chapter-ranking-primary)}.chapter-ranking__info-icon{color:var(--chapter-ranking-primary);font-size:1rem;flex-shrink:0;margin-top:2px}.chapter-ranking__detail-description p{font-size:.9rem;color:var(--chapter-ranking-text-dark);margin:0;line-height:1.5}.chapter-ranking__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--chapter-ranking-bg-white);border-radius:12px;box-shadow:var(--chapter-ranking-shadow-md);animation:fadeInUp .6s ease-out}.chapter-ranking__empty-icon{font-size:3.5rem;color:var(--chapter-ranking-text-light);margin-bottom:1rem;opacity:.6}.chapter-ranking__empty-title{font-size:1.3rem;font-weight:600;color:var(--chapter-ranking-text-dark);margin:0 0 .5rem;letter-spacing:.2px}.chapter-ranking__empty-text{font-size:.95rem;color:var(--chapter-ranking-text-light);margin:0}@media(max-width:1024px){.chapter-ranking{padding:1.5rem}.chapter-ranking__main-title{font-size:2rem}.chapter-ranking__filters-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chapter-ranking__metrics-grid{grid-template-columns:repeat(2,1fr)}.chapter-ranking__charts-grid{grid-template-columns:1fr}.chapter-ranking__chapter-main{gap:1rem}.chapter-ranking__chapter-meta{flex-direction:column;gap:.25rem}}@media(max-width:768px){.chapter-ranking{padding:1rem}.chapter-ranking__header{margin-bottom:2rem}.chapter-ranking__main-title{font-size:1.5rem;gap:.75rem}.chapter-ranking__title-icon{font-size:1.5rem}.chapter-ranking__subtitle{font-size:.9rem}.chapter-ranking__filters-section{padding:1.5rem}.chapter-ranking__filters-grid{grid-template-columns:1fr;gap:1rem}.chapter-ranking__metrics-grid{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.chapter-ranking__metric-card{padding:1.25rem}.chapter-ranking__charts-section{padding:1.5rem}.chapter-ranking__charts-grid{gap:1.5rem}.chapter-ranking__list-section{margin-bottom:1rem}.chapter-ranking__chapter-main{gap:.75rem;padding:1rem;flex-wrap:wrap}.chapter-ranking__chapter-index{width:36px;height:36px;font-size:.85rem}.chapter-ranking__chapter-icon-wrapper{width:40px;height:40px}.chapter-ranking__chapter-icon{font-size:1.1rem}.chapter-ranking__chapter-info{min-width:150px}.chapter-ranking__chapter-name{font-size:.95rem}.chapter-ranking__chapter-meta{font-size:.75rem}.chapter-ranking__chapter-rank{min-width:70px}.chapter-ranking__rank-value{font-size:1.25rem}.chapter-ranking__expand-icon{font-size:1rem}.chapter-ranking__chapter-details{padding:1rem}.chapter-ranking__details-grid{grid-template-columns:1fr 1fr;gap:.75rem}.chapter-ranking__detail-item{padding:.75rem}.chapter-ranking__detail-label{font-size:.7rem}.chapter-ranking__detail-value{font-size:1.1rem}.chapter-ranking__detail-description{gap:.5rem;padding:.75rem}.chapter-ranking__info-icon{font-size:.9rem}.chapter-ranking__detail-description p{font-size:.85rem}.chapter-ranking__loading,.chapter-ranking__empty{padding:3rem 1.5rem}.chapter-ranking__spinner{font-size:2rem}.chapter-ranking__loading-text{font-size:1rem}}@media(max-width:480px){.chapter-ranking{padding:.75rem}.chapter-ranking__main-title{font-size:1.25rem;gap:.5rem}.chapter-ranking__title-icon{font-size:1.25rem}.chapter-ranking__subtitle{font-size:.85rem}.chapter-ranking__filters-section,.chapter-ranking__metrics-section,.chapter-ranking__charts-section,.chapter-ranking__list-section{border-radius:8px;padding:1rem}.chapter-ranking__filter-header{margin-bottom:1rem}.chapter-ranking__filter-icon{font-size:1.1rem}.chapter-ranking__filter-title{font-size:1rem}.chapter-ranking__filters-grid{gap:.75rem}.chapter-ranking__select,.chapter-ranking__search-input{font-size:.9rem;padding:.65rem .75rem}.chapter-ranking__metrics-grid{padding:1rem;gap:.75rem}.chapter-ranking__metric-card{padding:1rem}.chapter-ranking__metric-icon-wrapper{width:3.5rem;height:3.5rem;margin-bottom:.75rem}.chapter-ranking__metric-icon{font-size:1.25rem}.chapter-ranking__metric-label{font-size:.7rem}.chapter-ranking__metric-value{font-size:1.75rem}.chapter-ranking__charts-grid{gap:1rem}.chapter-ranking__pie-wrapper{padding:1rem}.chapter-ranking__pie-title{font-size:.9rem}.chapter-ranking__pie-chart{max-width:150px}.chapter-ranking__chapter-main{gap:.5rem;padding:.75rem}.chapter-ranking__chapter-index{width:32px;height:32px;font-size:.75rem}.chapter-ranking__chapter-icon-wrapper{width:36px;height:36px}.chapter-ranking__chapter-icon{font-size:1rem}.chapter-ranking__chapter-info{min-width:120px}.chapter-ranking__chapter-name{font-size:.9rem;margin-bottom:.25rem}.chapter-ranking__chapter-meta{font-size:.7rem;gap:.5rem}.chapter-ranking__chapter-rank{min-width:60px}.chapter-ranking__rank-label{font-size:.65rem}.chapter-ranking__rank-value{font-size:1.1rem}.chapter-ranking__expand-icon{font-size:.9rem}.chapter-ranking__chapter-details{padding:.75rem}.chapter-ranking__details-grid{grid-template-columns:1fr;gap:.5rem}.chapter-ranking__detail-item{padding:.65rem}.chapter-ranking__detail-label{font-size:.65rem}.chapter-ranking__detail-value{font-size:1rem}.chapter-ranking__detail-description{gap:.5rem;padding:.65rem;border-left-width:2px}.chapter-ranking__info-icon{font-size:.85rem;margin-top:1px}.chapter-ranking__detail-description p{font-size:.8rem;line-height:1.4}.chapter-ranking__loading,.chapter-ranking__empty{padding:2rem 1rem;border-radius:8px}.chapter-ranking__spinner{font-size:1.75rem;margin-bottom:.75rem}.chapter-ranking__loading-text{font-size:.95rem}.chapter-ranking__empty-icon{font-size:2.5rem;margin-bottom:.75rem}.chapter-ranking__empty-title{font-size:1.1rem;margin-bottom:.4rem}.chapter-ranking__empty-text{font-size:.85rem}.chapter-ranking__error{gap:.75rem;padding:1rem;border-radius:8px}.chapter-ranking__error-icon{font-size:1.25rem}.chapter-ranking__error-text{font-size:.9rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.chapter-ranking__chapter-item{animation:fadeInUp .4s ease-out}.chapter-ranking__select:focus-visible,.chapter-ranking__search-input:focus-visible,.chapter-ranking__metrics-toggle:focus-visible,.chapter-ranking__list-toggle:focus-visible,.chapter-ranking__chapter-item:focus-visible{outline:2px solid var(--chapter-ranking-primary);outline-offset:2px}@media print{.chapter-ranking{background:#fff}.chapter-ranking__filters-section,.chapter-ranking__spinner,.chapter-ranking__loading{display:none}.chapter-ranking__chapter-item{page-break-inside:avoid}}:root{--our-video-primary: #3E4AF9;--our-video-primary-light: #5B6FFF;--our-video-primary-dark: #2E3AB8;--our-video-primary-hover: #525EFF;--our-video-accent-orange: #FF9F43;--our-video-accent-orange-light: #FFB366;--our-video-accent-orange-dark: #E68635;--our-video-text-primary: #1a1a2e;--our-video-text-secondary: #565656;--our-video-text-tertiary: #8B8B8B;--our-video-bg-primary: #FFFFFF;--our-video-bg-secondary: #F8F9FB;--our-video-bg-tertiary: #F0F2F7;--our-video-border-light: #E8E8E8;--our-video-border-medium: #D8D8D8;--our-video-success: #4CAF50;--our-video-error: #F44336;--our-video-shadow-sm: 0 2px 8px rgba(62, 74, 249, .08);--our-video-shadow-md: 0 8px 24px rgba(62, 74, 249, .12);--our-video-shadow-lg: 0 16px 40px rgba(62, 74, 249, .15)}@keyframes our-video__fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes our-video__slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes our-video__glow-pulse{0%{box-shadow:0 0 #3e4af966,inset 0 0 20px #ffffff80,0 8px 24px #3e4af91f}50%{box-shadow:0 0 0 10px #3e4af900,inset 0 0 20px #fff9,0 8px 24px #3e4af91f}to{box-shadow:0 0 #3e4af900,inset 0 0 20px #ffffff80,0 8px 24px #3e4af91f}}@keyframes our-video__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes our-video__bounce-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes our-video__shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes our-video__color-shift{0%,to{border-color:var(--our-video-primary)}50%{border-color:var(--our-video-accent-orange)}}.our-video__container{width:100%;max-width:1400px;margin:0 auto;padding:40px;background-color:var(--our-video-bg-primary);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.our-video__header{margin-bottom:50px;text-align:center;animation:our-video__fade-in .8s ease-out}.our-video__main-title{font-size:2.5rem;font-weight:700;color:var(--our-video-text-primary);margin:0 0 12px;letter-spacing:-.5px;line-height:1.2}.our-video__subtitle{font-size:1.1rem;color:var(--our-video-text-secondary);margin:0;line-height:1.6;font-weight:400}.our-video__search-section{margin-bottom:50px;animation:our-video__fade-in .8s ease-out .1s both}.our-video__search-wrapper{display:flex;gap:12px;max-width:600px;margin:0 auto}.our-video__search-input-container{flex:1;position:relative;display:flex;align-items:center}.our-video__search-icon{position:absolute;left:18px;color:var(--our-video-primary);font-size:1rem;pointer-events:none;z-index:2}.our-video__search-input{width:100%;padding:15px 18px 15px 45px;font-size:1rem;border:2px solid var(--our-video-border-light);border-radius:12px;background:linear-gradient(135deg,#fffffff2,#f8f9fbf2);color:var(--our-video-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:inset 0 1px 3px #0000000d,0 0 #3e4af900;font-weight:500}.our-video__search-input:focus{border-color:var(--our-video-primary);background:linear-gradient(135deg,#fff,#f8f9fbfa);box-shadow:inset 0 1px 3px #0000000d,0 0 0 0 var(--our-video-primary),var(--our-video-shadow-md);animation:our-video__glow-pulse 2s infinite}.our-video__search-input::-moz-placeholder{color:var(--our-video-text-tertiary);font-weight:400}.our-video__search-input::placeholder{color:var(--our-video-text-tertiary);font-weight:400}.our-video__search-button{padding:15px 32px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--our-video-primary) 0%,var(--our-video-primary-hover) 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--our-video-shadow-md);position:relative;overflow:hidden;white-space:nowrap}.our-video__search-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.our-video__search-button:hover:before{left:100%}.our-video__search-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3e4af940}.our-video__search-button:active{transform:translateY(0);box-shadow:0 4px 16px #3e4af926}.our-video__search-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.our-video__error-message{display:flex;align-items:center;gap:12px;padding:16px 20px;margin-bottom:30px;background-color:#f4433614;border-left:4px solid var(--our-video-error);border-radius:8px;color:var(--our-video-error);font-size:.95rem;font-weight:500;animation:our-video__slide-in .3s ease-out}.our-video__error-message svg{font-size:1.2rem;flex-shrink:0}.our-video__section{margin-bottom:60px;animation:our-video__fade-in .6s ease-out}.our-video__section-header{margin-bottom:35px;padding-bottom:20px;border-bottom:2px solid var(--our-video-border-light)}.our-video__section-title{font-size:1.8rem;font-weight:700;color:var(--our-video-text-primary);margin:0 0 8px;letter-spacing:-.3px}.our-video__section-subtitle{font-size:.95rem;color:var(--our-video-text-secondary);margin:0;font-weight:400}.our-video__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:30px}.our-video__grid--featured{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}@media(max-width:1200px){.our-video__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.our-video__grid--featured{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}}@media(max-width:768px){.our-video__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.our-video__grid--featured{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:480px){.our-video__grid,.our-video__grid--featured{grid-template-columns:1fr;gap:14px}}.our-video__card{background-color:var(--our-video-bg-primary);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:var(--our-video-shadow-sm);animation:our-video__fade-in .6s ease-out;display:flex;flex-direction:column;height:100%;border:1px solid var(--our-video-border-light)}.our-video__card:hover{transform:translateY(-8px);box-shadow:var(--our-video-shadow-lg);border-color:var(--our-video-primary)}.our-video__card-image-container{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background-color:var(--our-video-bg-tertiary)}.our-video__card-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.our-video__card:hover .our-video__card-image{transform:scale(1.08)}.our-video__card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3e4af9b3,#ff9f43b3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.our-video__card:hover .our-video__card-overlay{opacity:1}.our-video__play-button{width:64px;height:64px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--our-video-primary);font-size:1.8rem;box-shadow:0 8px 24px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.our-video__card:hover .our-video__play-button{transform:scale(1.15)}.our-video__card-content{padding:18px;flex-grow:1;display:flex;flex-direction:column}.our-video__card-title{font-size:1rem;font-weight:700;color:var(--our-video-text-primary);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.our-video__card-description{font-size:.85rem;color:var(--our-video-text-tertiary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.our-video__empty-state{text-align:center;padding:60px 20px;background-color:var(--our-video-bg-secondary);border-radius:14px;border:2px dashed var(--our-video-border-light)}.our-video__empty-state p{font-size:1.1rem;color:var(--our-video-text-secondary);margin:0 0 20px}.our-video__reset-button{padding:12px 28px;font-size:.95rem;font-weight:600;color:#fff;background-color:var(--our-video-primary);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-out;box-shadow:var(--our-video-shadow-md)}.our-video__reset-button:hover{background-color:var(--our-video-primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #3e4af94d}.our-video__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.our-video__spinner{font-size:2.5rem;color:var(--our-video-primary);animation:our-video__spin 2s linear infinite}.our-video__loading p{font-size:1rem;color:var(--our-video-text-secondary);margin:0;font-weight:500}.our-video__show-more-container{display:flex;justify-content:center;margin:40px 0}.our-video__show-more-button{padding:14px 32px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--our-video-primary) 0%,var(--our-video-primary-hover) 100%);border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--our-video-shadow-md);display:flex;align-items:center;gap:10px}.our-video__show-more-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #3e4af94d}.our-video__show-more-button:active{transform:translateY(-1px);box-shadow:0 6px 16px #3e4af933}.our-video__pagination-section{margin-top:50px;padding:30px;background:linear-gradient(135deg,var(--our-video-bg-secondary) 0%,var(--our-video-bg-tertiary) 100%);border-radius:14px;border:1px solid var(--our-video-border-light);animation:our-video__fade-in .4s ease-out}.our-video__pagination-header{text-align:center;margin-bottom:30px}.our-video__pagination-header h3{font-size:1.4rem;font-weight:700;color:var(--our-video-text-primary);margin:0 0 8px}.our-video__pagination-header p{font-size:.95rem;color:var(--our-video-text-secondary);margin:0}.our-video__pagination-buttons{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:35px;flex-wrap:wrap}.our-video__pagination-button{padding:12px 20px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--our-video-primary) 0%,var(--our-video-primary-hover) 100%);border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;box-shadow:var(--our-video-shadow-sm)}.our-video__pagination-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--our-video-shadow-md)}.our-video__pagination-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #3e4af926}.our-video__pagination-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#d0d5e8,#e0e5f0)}.our-video__page-indicator{display:flex;align-items:center;gap:6px;background-color:var(--our-video-bg-primary);padding:8px 16px;border-radius:8px;border:2px solid var(--our-video-primary);font-weight:700;color:var(--our-video-primary)}.our-video__current-page{font-size:1.2rem}.our-video__page-separator{color:var(--our-video-text-tertiary)}.our-video__total-pages{color:var(--our-video-text-secondary);font-size:.95rem}.our-video__manual-page-section{margin-bottom:30px}.our-video__manual-page-container{max-width:400px;margin:0 auto;padding:20px;background-color:var(--our-video-bg-primary);border-radius:10px;border:1px solid var(--our-video-border-light)}.our-video__manual-page-label{display:block;font-size:.9rem;font-weight:700;color:var(--our-video-text-primary);margin-bottom:12px}.our-video__manual-page-input-group{display:flex;gap:8px;margin-bottom:12px}.our-video__manual-page-input{flex:1;padding:10px 14px;font-size:.95rem;border:2px solid var(--our-video-border-light);border-radius:6px;color:var(--our-video-text-primary);transition:all .3s ease-out;background-color:var(--our-video-bg-primary);font-weight:500}.our-video__manual-page-input:focus{outline:none;border-color:var(--our-video-primary);box-shadow:0 0 0 3px #3e4af91a}.our-video__manual-page-button{padding:10px 24px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--our-video-primary) 0%,var(--our-video-primary-hover) 100%);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease-out;box-shadow:var(--our-video-shadow-sm)}.our-video__manual-page-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--our-video-shadow-md)}.our-video__manual-page-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#d0d5e8,#e0e5f0)}.our-video__manual-page-hint{font-size:.8rem;color:var(--our-video-text-tertiary);margin:0;text-align:center}.our-video__quick-page-selector{text-align:center}.our-video__quick-selector-title{font-size:.95rem;font-weight:700;color:var(--our-video-text-primary);margin:0 0 14px}.our-video__quick-page-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.our-video__quick-page-button{width:40px;height:40px;padding:0;font-size:.9rem;font-weight:600;color:var(--our-video-primary);background-color:var(--our-video-bg-primary);border:2px solid var(--our-video-border-light);border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.our-video__quick-page-button:hover{border-color:var(--our-video-primary);background-color:#3e4af914;transform:translateY(-2px)}.our-video__quick-page-button--active{background:linear-gradient(135deg,var(--our-video-primary) 0%,var(--our-video-primary-hover) 100%);color:#fff;border-color:var(--our-video-primary);box-shadow:var(--our-video-shadow-md)}@media(max-width:768px){.our-video__container{padding:30px 15px}.our-video__main-title{font-size:2rem}.our-video__subtitle{font-size:1rem}.our-video__section-title{font-size:1.4rem}.our-video__search-wrapper{flex-direction:column}.our-video__pagination-buttons{gap:10px}.our-video__manual-page-input-group{gap:6px}}@media(max-width:480px){.our-video__container{padding:20px 12px}.our-video__main-title{font-size:1.6rem}.our-video__header{margin-bottom:35px}.our-video__search-button{padding:12px 20px;font-size:.9rem}.our-video__section-header{margin-bottom:25px;padding-bottom:15px}.our-video__section-title{font-size:1.2rem}.our-video__pagination-section{padding:20px}.our-video__pagination-button{padding:10px 16px;font-size:.85rem}.our-video__quick-page-buttons{gap:6px}.our-video__quick-page-button{width:36px;height:36px;font-size:.8rem}}.our-video__search-input:focus-visible,.our-video__search-button:focus-visible,.our-video__pagination-button:focus-visible,.our-video__manual-page-input:focus-visible,.our-video__manual-page-button:focus-visible{outline:2px solid var(--our-video-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.our-video__card,.our-video__search-input,.our-video__search-button,.our-video__pagination-button{transition:none}.our-video__spinner{animation:none}.our-video__card:hover{transform:none}}:root{--view-video-primary: #3E4AF9;--view-video-primary-light: #5B6FFF;--view-video-primary-dark: #2E3AB8;--view-video-primary-hover: #525EFF;--view-video-accent-orange: #FF9F43;--view-video-accent-orange-light: #FFB366;--view-video-accent-orange-dark: #E68635;--view-video-accent-teal: #1DD1A1;--view-video-text-primary: #1a1a2e;--view-video-text-secondary: #565656;--view-video-text-tertiary: #8B8B8B;--view-video-bg-primary: #FFFFFF;--view-video-bg-secondary: #F8F9FB;--view-video-bg-tertiary: #F0F2F7;--view-video-border-light: #E8E8E8;--view-video-border-medium: #D8D8D8;--view-video-success: #4CAF50;--view-video-error: #F44336;--view-video-shadow-sm: 0 2px 8px rgba(62, 74, 249, .08);--view-video-shadow-md: 0 8px 24px rgba(62, 74, 249, .12);--view-video-shadow-lg: 0 16px 40px rgba(62, 74, 249, .15)}input{font-family:var(--font-secondary)}@keyframes view-video__fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes view-video__slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes view-video__slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes view-video__pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes view-video__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes view-video__bounce-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes view-video__expand{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}@keyframes view-video__flip-up{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}.view-video__container{width:100%;min-height:100vh;background-color:var(--view-video-bg-primary);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--view-video-text-primary)}.view-video__container,.view-video__container:before,.view-video__container:after{box-sizing:border-box}.view-video__header{background:linear-gradient(135deg,#FFFFFF 0%,var(--view-video-bg-secondary) 100%);border-bottom:1px solid var(--view-video-border-light);padding:16px 20px;position:sticky;top:0;z-index:100;box-shadow:var(--view-video-shadow-sm)}.view-video__header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;animation:view-video__fade-in .6s ease-out}.view-video__back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;color:var(--view-video-primary);background-color:transparent;border:2px solid var(--view-video-primary);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-video__back-button:hover{background-color:var(--view-video-primary);color:#fff;transform:translate(-3px)}.view-video__back-button:active{transform:translate(-1px)}.view-video__header-title{font-size:1.4rem;font-weight:700;color:var(--view-video-text-primary);margin:0;flex:1;text-align:center}.view-video__header-spacer{width:100px}.view-video__header-search{display:flex;gap:10px;max-width:600px;margin:0 auto;animation:view-video__fade-in .6s ease-out .1s both}.view-video__search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.view-video__search-icon{position:absolute;left:16px;color:var(--view-video-primary);font-size:.95rem;pointer-events:none;z-index:2}.view-video__search-input{width:100%;padding:11px 16px 11px 40px;font-size:.9rem;border:2px solid var(--view-video-border-light);border-radius:8px;background:linear-gradient(135deg,#fffffff2,#f8f9fbf2);color:var(--view-video-text-primary);transition:all .3s ease-out;outline:none;font-weight:500}.view-video__search-input:focus{border-color:var(--view-video-primary);box-shadow:0 0 0 3px #3e4af91a,var(--view-video-shadow-md)}.view-video__search-input::-moz-placeholder{color:var(--view-video-text-tertiary)}.view-video__search-input::placeholder{color:var(--view-video-text-tertiary)}.view-video__search-submit{padding:11px 24px;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--view-video-primary) 0%,var(--view-video-primary-hover) 100%);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-out;box-shadow:var(--view-video-shadow-sm);white-space:nowrap}.view-video__search-submit:hover{transform:translateY(-2px);box-shadow:var(--view-video-shadow-md)}.view-video__search-submit:active{transform:translateY(0);box-shadow:0 2px 8px #3e4af926}.view-video__error-message{display:flex;align-items:center;gap:12px;padding:16px 20px;margin:20px 20px 0;background-color:#f4433614;border-left:4px solid var(--view-video-error);border-radius:8px;color:var(--view-video-error);font-size:.9rem;font-weight:500;animation:view-video__slide-in-left .3s ease-out}.view-video__error-message svg{font-size:1.1rem;flex-shrink:0}.view-video__main-content{display:grid;grid-template-columns:1fr 360px;gap:28px;padding:30px 20px;max-width:1600px;margin:0 auto}.view-video__video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;background-color:var(--view-video-text-primary);border-radius:14px;overflow:hidden;box-shadow:var(--view-video-shadow-lg);animation:view-video__slide-in-left .6s ease-out}.view-video__video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:14px}.view-video__description-section{animation:view-video__fade-in .6s ease-out .1s both}.view-video__video-title{font-size:1.8rem;font-weight:700;color:var(--view-video-text-primary);margin:24px 0 12px;line-height:1.3;letter-spacing:-.3px}.view-video__video-description{font-size:.95rem;color:var(--view-video-text-secondary);line-height:1.8;margin:0 0 24px;font-weight:400}.view-video__interaction-section{display:flex;gap:12px;margin-bottom:28px;padding-bottom:24px;border-bottom:2px solid var(--view-video-border-light);flex-wrap:wrap}.view-video__interaction-button{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;color:var(--view-video-text-secondary);background-color:var(--view-video-bg-secondary);border:2px solid var(--view-video-border-light);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-video__interaction-button:hover{background-color:var(--view-video-bg-tertiary);border-color:var(--view-video-primary);color:var(--view-video-primary);transform:translateY(-2px)}.view-video__interaction-button--active{background:linear-gradient(135deg,var(--view-video-primary) 0%,var(--view-video-primary-hover) 100%);color:#fff;border-color:var(--view-video-primary);box-shadow:var(--view-video-shadow-md)}.view-video__interaction-button--active:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3e4af94d}.view-video__interaction-button--dislike.view-video__interaction-button--active{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-color:#ff6b6b}.view-video__feedback-section{margin-bottom:28px;padding:20px;background-color:var(--view-video-bg-secondary);border-left:4px solid var(--view-video-accent-orange);border-radius:8px;animation:view-video__bounce-in .5s ease-out}.view-video__feedback-title{font-size:1.1rem;font-weight:700;color:var(--view-video-text-primary);margin:0 0 8px}.view-video__feedback-subtitle{font-size:.9rem;color:var(--view-video-text-secondary);margin:0;line-height:1.6}.view-video__fact-section{margin-bottom:28px}.view-video__fact-content{padding:24px;background:linear-gradient(135deg,#3e4af914,#ff9f4314);border:2px solid var(--view-video-border-light);border-left:4px solid var(--view-video-primary);border-radius:10px;animation:view-video__bounce-in .5s ease-out .1s both}.view-video__fact-title{font-size:1rem;font-weight:700;color:var(--view-video-primary);margin:0 0 12px}.view-video__fact-text{font-size:.95rem;color:var(--view-video-text-secondary);margin:0;line-height:1.8;font-weight:500}.view-video__comments-section{margin-bottom:28px;padding:24px;background-color:var(--view-video-bg-secondary);border-radius:10px;border:1px solid var(--view-video-border-light);animation:view-video__expand .3s ease-out}.view-video__comments-title{font-size:1.1rem;font-weight:700;color:var(--view-video-text-primary);margin:0 0 16px}.view-video__comments-placeholder{font-size:.9rem;color:var(--view-video-text-tertiary);margin:0;line-height:1.6;font-style:italic}.view-video__related-section{padding-top:24px}.view-video__related-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:16px}.view-video__related-title{font-size:1.2rem;font-weight:700;color:var(--view-video-text-primary);margin:0}.view-video__related-toggle{width:36px;height:36px;background-color:var(--view-video-bg-secondary);border:2px solid var(--view-video-border-light);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--view-video-text-secondary);cursor:pointer;transition:all .3s ease-out;font-size:.9rem}.view-video__related-toggle:hover{background-color:var(--view-video-bg-tertiary);border-color:var(--view-video-primary);color:var(--view-video-primary)}.view-video__related-toggle--open{transform:rotate(180deg);background-color:var(--view-video-primary);border-color:var(--view-video-primary);color:#fff}.view-video__related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;animation:view-video__expand .3s ease-out}.view-video__related-video-card{cursor:pointer;animation:view-video__fade-in .4s ease-out}.view-video__related-thumbnail{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background-color:var(--view-video-bg-tertiary);border-radius:8px;margin-bottom:10px;box-shadow:var(--view-video-shadow-sm);transition:all .3s ease-out}.view-video__related-video-card:hover .view-video__related-thumbnail{transform:translateY(-3px);box-shadow:var(--view-video-shadow-md)}.view-video__related-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease-out}.view-video__related-video-card:hover .view-video__related-image{transform:scale(1.1)}.view-video__related-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#3e4af9b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-out}.view-video__related-video-card:hover .view-video__related-overlay{opacity:1}.view-video__related-play-icon{font-size:1.8rem;color:#fff;transition:transform .3s ease-out}.view-video__related-video-card:hover .view-video__related-play-icon{transform:scale(1.2)}.view-video__related-title-text{font-size:.85rem;font-weight:600;color:var(--view-video-text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.view-video__no-related{grid-column:1 / -1;text-align:center;padding:20px;color:var(--view-video-text-tertiary);font-size:.95rem}.view-video__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.view-video__spinner{font-size:2rem;color:var(--view-video-primary);animation:view-video__rotate 2s linear infinite}.view-video__loading p{font-size:.9rem;color:var(--view-video-text-secondary);margin:0;font-weight:500}.view-video__sidebar{display:flex;flex-direction:column;gap:20px;animation:view-video__slide-in-right .6s ease-out}.view-video__channel-section{padding:24px;background:linear-gradient(135deg,#FFFFFF 0%,var(--view-video-bg-secondary) 100%);border:1px solid var(--view-video-border-light);border-radius:12px;box-shadow:var(--view-video-shadow-md);animation:view-video__bounce-in .5s ease-out}.view-video__channel-header{margin-bottom:12px}.view-video__channel-title{font-size:1.1rem;font-weight:700;color:var(--view-video-text-primary);margin:0}.view-video__channel-description{font-size:.85rem;color:var(--view-video-text-secondary);margin:12px 0 16px;line-height:1.6}.view-video__subscribe-button{width:100%;padding:14px 16px;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-blue) 0%,black 100%);border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--view-video-shadow-md);margin-bottom:16px}.view-video__subscribe-button:hover{transform:translateY(-3px)}.view-video__subscribe-button:active{transform:translateY(-1px)}.view-video__social-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--view-video-border-light)}.view-video__social-title{font-size:.9rem;font-weight:700;color:var(--view-video-text-primary);margin:0 0 12px}.view-video__social-links{display:flex;gap:10px;flex-wrap:wrap}.view-video__social-link{flex:1;min-width:100px;padding:10px 12px;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;border:2px solid var(--view-video-border-light);text-decoration:none;color:var(--view-video-text-secondary);cursor:pointer;transition:all .3s ease-out}.view-video__social-link--telegram{background:linear-gradient(135deg,var(--primary-blue) 0%,black 100%);color:#fff}.view-video__social-link--telegram:hover{background-color:#08c;color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #0088cc40}.view-video__social-link--instagram{background:linear-gradient(135deg,var(--primary-blue) 0%,black 100%);color:#fff}.view-video__social-link--instagram:hover{background:linear-gradient(135deg,#ff4d67,#fe7a3d);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #ff4d6740}.view-video__creators-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--view-video-border-light)}.view-video__creators-title{font-size:.95rem;font-weight:700;color:var(--view-video-text-primary);margin:0 0 14px}.view-video__creators-grid{display:flex;gap:16px}.view-video__creator-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:12px;animation:view-video__fade-in .5s ease-out}.view-video__creator-image-container{width:120px;height:120px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:var(--view-video-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);border:3px solid var(--view-video-border-light)}.view-video__creator-card:hover .view-video__creator-image-container{transform:scale(1.12);box-shadow:var(--view-video-shadow-lg);border-color:var(--view-video-primary)}.view-video__creator-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-out}.view-video__creator-card:hover .view-video__creator-image{transform:scale(1.05)}.view-video__creator-name{font-size:.9rem;font-weight:600;color:var(--view-video-text-secondary);margin:0;line-height:1.4;transition:color .3s ease-out}.view-video__creator-card:hover .view-video__creator-name{color:var(--view-video-primary)}.view-video__bot-section{padding:24px;background:linear-gradient(135deg,#3e4af914,#ff9f4314);border:2px solid var(--view-video-primary);border-radius:12px;box-shadow:var(--view-video-shadow-md);animation:view-video__bounce-in .5s ease-out .1s both}.view-video__bot-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.view-video__bot-icon-wrapper{width:40px;height:40px;background:linear-gradient(135deg,var(--view-video-primary) 0%,var(--view-video-primary-hover) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;animation:view-video__pulse 2s ease-in-out infinite}.view-video__bot-icon{font-size:1.3rem;color:#fff}.view-video__bot-title{font-size:1rem;font-weight:700;color:var(--view-video-text-primary);margin:0}.view-video__bot-description{font-size:.85rem;color:var(--view-video-text-secondary);margin:10px 0 16px;line-height:1.6}.view-video__bot-button{width:100%;padding:12px 16px;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--view-video-primary) 0%,var(--view-video-primary-hover) 100%);border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--view-video-shadow-md)}.view-video__bot-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3e4af94d}.view-video__bot-button:active{transform:translateY(0);box-shadow:0 4px 12px #3e4af926}.view-video__search-results-modal{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--view-video-border-light);box-shadow:0 -8px 32px #00000026;z-index:50;max-height:60vh;overflow-y:auto;animation:view-video__expand .3s ease-out;animation-fill-mode:both}.view-video__search-results-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--view-video-border-light);position:sticky;top:0;background:#fff;z-index:10}.view-video__search-results-header h3{font-size:1.1rem;font-weight:700;color:var(--view-video-text-primary);margin:0}.view-video__search-results-close{font-size:2rem;color:var(--view-video-text-secondary);background:none;border:none;cursor:pointer;padding:0;transition:color .3s ease-out;line-height:1}.view-video__search-results-close:hover{color:var(--view-video-primary)}.view-video__search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:20px}.view-video__search-result-card{cursor:pointer;animation:view-video__fade-in .4s ease-out}.view-video__search-result-thumbnail{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background-color:var(--view-video-bg-tertiary);border-radius:8px;margin-bottom:10px;box-shadow:var(--view-video-shadow-sm);transition:all .3s ease-out}.view-video__search-result-card:hover .view-video__search-result-thumbnail{transform:translateY(-3px);box-shadow:var(--view-video-shadow-md)}.view-video__search-result-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease-out}.view-video__search-result-card:hover .view-video__search-result-image{transform:scale(1.1)}.view-video__search-result-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#3e4af9b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-out;font-size:1.8rem;color:#fff}.view-video__search-result-card:hover .view-video__search-result-overlay{opacity:1}.view-video__search-result-title{font-size:.9rem;font-weight:600;color:var(--view-video-text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1200px){.view-video__main-content{grid-template-columns:1fr 320px;gap:24px;padding:25px 15px}.view-video__header-top{flex-wrap:wrap}.view-video__header-spacer{display:none}}@media(max-width:968px){.view-video__main-content{grid-template-columns:1fr;gap:30px}.view-video__header-search{flex-wrap:wrap}.view-video__search-results-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:768px){.view-video__header{padding:10px 0}.view-video__header-title{font-size:2rem}.view-video__header-search{padding:2px 20px;gap:8px}.view-video__search-icon{visibility:hidden}.view-video__search-input,.view-video__search-submit{font-size:.85rem;padding:9px 12px}.view-video__main-content{padding:15px 0;gap:20px;width:100%;max-width:330px}.view-video__video-title{font-size:1.2rem;margin-top:15px}.view-video__interaction-section{max-width:330px;gap:6px}.view-video__interaction-button{flex:1;min-width:90px;padding:8px 10px;font-size:.75rem}.view-video__sidebar{max-width:330px;gap:15px}.view-video__video-wrapper,.view-video__video-player{border-radius:0}.view-video__channel-section,.view-video__bot-section{max-width:330px;padding:16px}.view-video__subscribe-button{padding:12px 14px;font-size:.85rem}.view-video__related-grid{max-width:330px;grid-template-columns:repeat(2,1fr)}.view-video__creators-grid{gap:0px;max-width:330px;grid-template-columns:repeat(2,1fr)}.view-video__back-button{display:none}.view-video__search-results-modal{max-width:330px;max-height:50vh}.view-video__search-results-grid{max-width:330px;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.view-video__creator-image-container{width:60px;height:60px}}.view-video__back-button:focus-visible,.view-video__search-submit:focus-visible,.view-video__interaction-button:focus-visible,.view-video__subscribe-button:focus-visible,.view-video__bot-button:focus-visible{outline:2px solid var(--view-video-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.view-video__container,.view-video__header,.view-video__main-content,.view-video__video-wrapper,.view-video__sidebar,.view-video__channel-section,.view-video__bot-section,.view-video__related-video-card,.view-video__search-result-card,.view-video__creator-card{animation:none;transition:none}.view-video__spinner{animation:none}}.admin-auth-container{display:flex;min-height:100vh;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#3e4af9,#6b75ff)}.admin-auth-container .auth-left{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.admin-auth-container .auth-left-content{text-align:center;animation:floatAnimation 4s ease-in-out infinite}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.admin-auth-container .auth-left h1{font-size:2.5rem;font-weight:700;margin-bottom:20px}.admin-auth-container .auth-logo{font-size:1.2rem;opacity:.9}.admin-auth-container .auth-right{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.admin-auth-container .auth-right-content{width:380px;padding:40px;border-radius:16px;background:#fff;box-shadow:0 20px 50px #00000014;transition:all .3s ease}.admin-auth-container .auth-tabs{text-align:center;margin-bottom:25px}.admin-auth-container .auth-tab{font-weight:600;font-size:18px;color:var(--primary-blue);background:none;border:none;border-bottom:3px solid var(--primary-blue);padding-bottom:6px}.admin-auth-container .auth-form{display:flex;flex-direction:column}.admin-auth-container .form-group{margin-bottom:18px}.admin-auth-container .form-group label{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:6px;display:block}.admin-auth-container .form-input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid var(--border-color);outline:none;transition:.3s ease;font-size:14px}.admin-auth-container .form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-lighter)}.admin-auth-container .auth-submit{margin-top:10px;padding:12px;border-radius:8px;border:none;background:var(--primary-blue);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-auth-container .auth-submit:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #3e4af94d}.admin-auth-container .auth-submit:disabled{background:#9fa8ff;cursor:not-allowed}.admin-auth-container .auth-error{margin-bottom:12px;padding:10px;background:#ffe5e5;color:#d8000c;border-radius:6px;font-size:13px;animation:shake .4s ease-in-out}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}to{transform:translate(0)}}@media(max-width:900px){.auth-container{flex-direction:column}.auth-left{height:200px}.auth-right-content{width:90%}}.nb-root{padding:70px;font-family:var(--font-secondary);min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2ff);animation:pageFade .6s ease}@keyframes pageFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nb-header{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;align-items:center}.nb-header h2{font-size:28px;font-weight:700;letter-spacing:.5px;animation:slideDown .6s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nb-create{width:100%;display:flex;justify-content:center}.nb-search{display:flex;align-items:center;width:540px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;border:1px solid #e5e7eb;padding:6px 6px 6px 16px;transition:all .3s ease}.nb-search:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.nb-search:focus-within{border-color:#3e4af9;box-shadow:0 6px 22px #3e4af926}.nb-search input{flex:1;border:none;outline:none;font-size:14px;padding:10px;background:transparent}.nb-search-icon{color:#9ca3af;font-size:14px}.nb-search button{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef1ff,#cfd5ff);border:none;color:#1f2937;padding:10px 24px;border-radius:40px;cursor:pointer;font-weight:600;transition:all .3s ease}.nb-search button:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.8),transparent);transform:skew(-25deg)}.nb-search button:hover:before{animation:shine 1s}@keyframes shine{to{left:125%}}.nb-search button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.nb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px}.nb-card{position:relative;background:#fff;border-radius:18px;padding:30px 20px 20px;border:1px solid #e6e6e6;text-align:center;transition:all .35s ease;animation:cardAppear .5s ease}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.nb-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 18px 40px #0000001f}.nb-delete{position:absolute;top:12px;right:12px;border:none;background:transparent;cursor:pointer;color:#ef4444;font-size:16px;transition:.25s}.nb-delete:hover{color:#dc2626;transform:scale(1.2)}.nb-folder-center{cursor:pointer;transition:.3s}.nb-folder-icon{font-size:70px;transition:.35s}.nb-card:hover .nb-folder-icon{transform:scale(1.15) rotate(-2deg)}.nb-folder-name{margin-top:14px;font-size:14px;font-weight:600;color:#374151;letter-spacing:.3px}.nb-empty{color:#777;text-align:center;width:100%}.view-notebook{padding:75px;background:var(--bg-secondary);min-height:100vh}.view-notebook .folder-title{margin-bottom:30px;color:var(--text-dark)}.view-notebook.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.view-notebook .question-card{background:var(--bg-primary);border:1px solid var(--border-light);padding:20px;border-radius:12px;transition:.3s ease}.view-notebook .question-card:hover{background:var(--primary-lighter);transform:translateY(-3px)}.view-notebook .question-image{width:100%;margin-bottom:15px;border-radius:8px}.view-notebook .question-text{margin-bottom:10px;color:var(--text-dark);font-weight:500}.view-notebook .exam-types,.view-notebook .correct-option,.view-notebook .solution{margin-top:8px;font-size:14px;color:var(--text-muted)}.view-notebook .empty-text{color:var(--text-muted)}.self-exam{width:100%;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);padding:20px;font-family:var(--font-secondary);color:#1a1a1a}.self-exam__container{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000014;overflow:hidden;animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.self-exam__header{background:linear-gradient(135deg,#3e4af9,#2c3aa8);padding:60px 40px;color:#fff;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.self-exam__header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.self-exam__header-decoration{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:120px;opacity:.15;z-index:1}.self-exam__header-content{position:relative;z-index:2;flex:1}.self-exam__main-title{font-size:36px;font-weight:700;margin:0 0 12px;line-height:1.3;text-transform:capitalize}.self-exam__subtitle{font-size:16px;color:#ffffffe6;margin:0;font-weight:400;line-height:1.6}.self-exam__mode-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:50px 40px;background:#f8f9fa}.self-exam__mode-card{background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:32px 24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.self-exam__mode-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3e4af90d,#ffa5000d);opacity:0;transition:opacity .3s ease}.self-exam__mode-card:hover{border-color:#3e4af9;box-shadow:0 8px 32px #3e4af926;transform:translateY(-4px)}.self-exam__mode-card:hover:before{opacity:1}.self-exam__mode-card--active{border-color:#3e4af9;background:linear-gradient(135deg,#3e4af905 0% 100%);box-shadow:0 8px 32px #3e4af926}.self-exam__mode-icon{font-size:48px;margin-bottom:20px;height:70px;width:70px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s ease}.self-exam__mode-icon.random{background:linear-gradient(135deg,#3e4af9,#2c3aa8);color:#fff}.self-exam__mode-icon.chapter{background:linear-gradient(135deg,#ff6b6b,#d63031);color:#fff}.self-exam__mode-card:hover .self-exam__mode-icon{transform:scale(1.1) rotate(5deg)}.self-exam__mode-card h3{font-size:22px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.self-exam__mode-card p{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}.self-exam__mode-badge{display:inline-block;background:#3e4af9;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.self-exam__mode-radio{width:24px;height:24px;border:2px solid #d0d0d0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:16px;font-size:12px;color:#d0d0d0;transition:all .3s ease;background:#f5f5f5}.self-exam__mode-radio--active{border-color:#3e4af9;background:#3e4af9;color:#fff;box-shadow:0 0 0 8px #3e4af91a}.self-exam__random-info{padding:40px;background:#f8f9fa;display:grid;grid-template-columns:1fr 1fr;gap:32px}.self-exam__info-box{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000f;border-left:4px solid #3E4AF9}.self-exam__info-header{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:24px}.self-exam__info-header svg{color:orange;font-size:24px}.self-exam__info-content{display:flex;flex-direction:column;gap:16px}.self-exam__info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.self-exam__info-row:last-child{border-bottom:none}.self-exam__info-row span{color:#666;font-weight:500}.self-exam__info-row strong{color:#3e4af9;font-weight:700;font-size:15px}.self-exam__analytics{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000f}.self-exam__analytics h3{font-size:20px;font-weight:700;margin:0 0 24px;color:#1a1a1a}.self-exam__charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.self-exam__chart-card{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-radius:12px;padding:24px;text-align:center;border:1px solid #e8e8e8}.self-exam__chart-title{font-weight:700;color:#1a1a1a;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.self-exam__pie-chart{width:100%;max-width:200px;margin:0 auto 20px;height:auto}.self-exam__chart-legend{display:flex;flex-direction:column;gap:10px;margin-top:20px}.self-exam__legend-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#666;justify-content:center}.self-exam__legend-color{width:12px;height:12px;border-radius:2px}.self-exam__chapter-header{padding:40px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e8e8e8}.self-exam__chapter-header h2{font-size:28px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.self-exam__chapter-header p{font-size:15px;color:#666;margin:0;line-height:1.5}.self-exam__selection-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;padding:40px}.self-exam__selection-card{background:#fff;border:2px solid #e8e8e8;border-radius:12px;padding:32px 28px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.self-exam__selection-card:hover{border-color:#3e4af9;box-shadow:0 12px 40px #3e4af91f;transform:translateY(-6px)}.self-exam__selection-icon{font-size:56px;color:#3e4af9;margin-bottom:16px;display:inline-block;width:70px;height:70px;background:#3e4af914;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.self-exam__selection-card:hover .self-exam__selection-icon{background:#3e4af926;transform:scale(1.1)}.self-exam__selection-card h3{font-size:22px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.self-exam__selection-card p{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5;flex-grow:1}.self-exam__selection-details{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #f0f0f0;margin-bottom:12px;font-size:13px;color:#666}.self-exam__badge{background:#3e4af9;color:#fff;padding:4px 12px;border-radius:12px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.self-exam__badge--alternate{background:#ff6b6b}.self-exam__selection-arrow{font-size:20px;color:#3e4af9;transition:all .3s ease;align-self:flex-end}.self-exam__selection-card:hover .self-exam__selection-arrow{transform:translate(4px)}.self-exam__breadcrumb{padding:20px 40px;background:#f8f9fa;border-bottom:1px solid #e8e8e8}.self-exam__back-btn{background:#fff;border:1px solid #e8e8e8;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#3e4af9;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.self-exam__back-btn:hover{background:#3e4af9;color:#fff;border-color:#3e4af9}.self-exam__chapters-display{padding:40px;display:flex;flex-direction:column;gap:32px}.self-exam__subject-section{background:#f8f9fa;border-radius:12px;padding:28px;border:1px solid #e8e8e8}.self-exam__subject-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}.self-exam__subject-icon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3e4af9,#2c3aa8);color:#fff;border-radius:10px}.self-exam__subject-title h3{font-size:22px;font-weight:700;margin:0;color:#1a1a1a}.self-exam__chapter-count{margin-left:auto;background:#3e4af9;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.self-exam__chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.self-exam__chapter-item{background:#fff;border:2px solid #e8e8e8;border-radius:10px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:default}.self-exam__chapter-item:hover{border-color:#3e4af9;box-shadow:0 4px 12px #3e4af91a}.self-exam__chapter-item--selected{background:linear-gradient(135deg,#3e4af90d,#3e4af905);border-color:#3e4af9}.self-exam__chapter-badge{font-size:24px;color:#3e4af9;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#3e4af91a;border-radius:8px;flex-shrink:0}.self-exam__chapter-info{flex:1;min-width:0}.self-exam__chapter-name{font-size:13px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4;word-break:break-word}.self-exam__chapter-rank{font-size:12px;color:orange;margin:4px 0 0;display:flex;align-items:center;gap:4px}.self-exam__chapter-rank svg{font-size:10px}.self-exam__student-preferences{padding:32px 40px;background:#fff;border-top:1px solid #e8e8e8}.self-exam__student-preferences h3{font-size:20px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.self-exam__student-preferences>p{font-size:14px;color:#666;margin:0 0 24px;line-height:1.5}.self-exam__preferences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.self-exam__preference-box{background:#f8f9fa;border-radius:10px;padding:20px;border:1px solid #e8e8e8}.self-exam__preference-box strong{display:block;font-size:16px;color:#1a1a1a;margin-bottom:12px}.self-exam__preference-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.self-exam__preference-box li{font-size:13px;color:#666;display:flex;align-items:center;gap:8px}.self-exam__preference-box li svg{color:orange;font-size:12px}.self-exam__info-section{padding:32px 40px;background:#f8f9fa;border-top:1px solid #e8e8e8}.self-exam__info-alert{background:#fff;border-left:4px solid #4CAF50;border-radius:8px;padding:20px;display:flex;align-items:flex-start;gap:16px;animation:slideInUp .4s ease}.self-exam__info-alert--success{border-left-color:#4caf50}.self-exam__info-alert svg{font-size:24px;color:#4caf50;flex-shrink:0;margin-top:2px}.self-exam__info-alert strong{display:block;color:#1a1a1a;font-size:15px;margin-bottom:4px}.self-exam__info-alert p{font-size:13px;color:#666;margin:0;line-height:1.5}.self-exam__progress-indicator{padding:32px 40px;background:#f8f9fa;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.self-exam__progress-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px}.self-exam__progress-step{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #e8e8e8;display:flex;align-items:center;justify-content:center;font-weight:600;color:#999;font-size:16px;transition:all .3s ease}.self-exam__progress-step--complete{background:#4caf50;border-color:#4caf50;color:#fff}.self-exam__progress-line{width:60px;height:2px;background:#e8e8e8;margin:22px 0 0}.self-exam__progress-count{font-size:12px;color:#3e4af9;font-weight:700}.self-exam__chapters-display--advanced{padding:40px}.self-exam__subject-section--advanced{background:#fff;padding:0}.self-exam__subject-header-advanced{background:#f8f9fa;padding:24px;border-radius:12px 12px 0 0;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center}.self-exam__selection-status{font-size:14px;font-weight:600;color:#999;background:#fff;padding:8px 16px;border-radius:20px;border:1px solid #e8e8e8}.self-exam__selection-status--complete{color:#4caf50;border-color:#4caf50;background:#4caf500d}.self-exam__chapters-list{display:flex;flex-direction:column;gap:0;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;margin-bottom:24px}.self-exam__chapter-selection-item{background:#fff;border-bottom:1px solid #f0f0f0;padding:0;transition:all .3s ease}.self-exam__chapter-selection-item:last-child{border-bottom:none}.self-exam__chapter-selection-item:hover{background:#3e4af905}.self-exam__chapter-selection-item--selected{background:#3e4af90d}.self-exam__chapter-selection-main{display:flex;align-items:center;gap:16px;padding:16px 20px}.self-exam__chapter-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.self-exam__chapter-checkbox input{position:absolute;opacity:0;cursor:pointer}.self-exam__checkbox-custom{width:20px;height:20px;border:2px solid #d0d0d0;border-radius:4px;background:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.self-exam__chapter-checkbox input:checked+.self-exam__checkbox-custom{background:#3e4af9;border-color:#3e4af9}.self-exam__chapter-checkbox input:checked+.self-exam__checkbox-custom:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.self-exam__chapter-icon{font-size:20px;color:#3e4af9;flex-shrink:0}.self-exam__chapter-text{flex:1;min-width:0}.self-exam__expand-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#999;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.self-exam__expand-btn:hover{color:#3e4af9;transform:scale(1.1)}.self-exam__chapter-details{background:#3e4af90d;padding:16px 20px 16px 56px;border-top:1px solid #e8e8e8;animation:expandDown .3s ease}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.self-exam__chapter-details p{font-size:13px;color:#666;margin:0 0 12px;line-height:1.5}.self-exam__chapter-stats{display:flex;gap:16px;font-size:12px;color:#3e4af9;font-weight:600}.self-exam__action-buttons{padding:32px 40px;background:#f8f9fa;border-top:1px solid #e8e8e8;display:grid;grid-template-columns:auto 1fr;gap:16px}.self-exam__btn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px}.self-exam__btn:disabled{opacity:.6;cursor:not-allowed}.self-exam__btn--primary{background:linear-gradient(135deg,#3e4af9,#2c3aa8);color:#fff;box-shadow:0 4px 16px #3e4af94d}.self-exam__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3e4af966}.self-exam__btn--primary:active:not(:disabled){transform:translateY(0)}.self-exam__btn--secondary{background:#fff;color:#3e4af9;border:2px solid #3E4AF9}.self-exam__btn--secondary:hover:not(:disabled){background:#3e4af9;color:#fff;transform:translateY(-2px)}.self-exam__btn--full{grid-column:1 / -1;justify-content:center;padding:16px 32px;font-size:16px}.self-exam__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.self-exam__next-step{padding:16px 40px;background:#3e4af914;border-top:1px solid rgba(62,74,249,.2);text-align:center}.self-exam__next-step p{font-size:14px;color:#3e4af9;font-weight:600;margin:0}.self-exam__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.self-exam__modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:420px;width:100%;overflow:hidden;animation:slideInUp .4s cubic-bezier(.4,0,.2,1)}.self-exam__modal-header{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e8e8e8}.self-exam__modal-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.self-exam__modal-icon--error{background:#ff6b6b26;color:#ff6b6b}.self-exam__modal-icon--success{background:#4caf5026;color:#4caf50}.self-exam__modal-header h3{font-size:18px;font-weight:700;margin:0;color:#1a1a1a}.self-exam__modal-content{padding:24px}.self-exam__modal-content p{font-size:14px;color:#666;margin:0;line-height:1.6}.self-exam__modal-footer{padding:20px 24px;background:#f8f9fa;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;gap:12px}.self-exam__modal .self-exam__btn{margin:0}@media(max-width:768px){.self-exam{padding:12px}.self-exam__header{padding:40px 24px;flex-direction:column;text-align:center}.self-exam__header-decoration{font-size:80px;opacity:.08}.self-exam__main-title{font-size:26px}.self-exam__mode-selection,.self-exam__selection-options,.self-exam__random-info,.self-exam__chapters-display{grid-template-columns:1fr;padding:24px;gap:16px}.self-exam__subject-icon{font-size:24px;width:40px;height:40px}.self-exam__subject-title{flex-direction:column;align-items:flex-start}.self-exam__chapter-count{margin-left:0}.self-exam__chapters-grid{grid-template-columns:1fr}.self-exam__action-buttons{grid-template-columns:1fr;padding:24px}.self-exam__btn{width:100%}.self-exam__modal{margin:20px}.self-exam__progress-indicator{flex-direction:column;gap:16px}.self-exam__progress-line{width:2px;height:40px;margin:0}}@media(max-width:480px){.self-exam__header{padding:32px 16px}.self-exam__main-title{font-size:20px}.self-exam__subtitle{font-size:14px}.self-exam__mode-selection,.self-exam__selection-options,.self-exam__random-info,.self-exam__chapters-display{padding:16px;gap:12px}.self-exam__mode-card,.self-exam__selection-card,.self-exam__subject-section{padding:20px}.self-exam__btn{font-size:14px;padding:12px 16px}.self-exam__modal{margin:16px;border-radius:12px}.self-exam__chart-card{padding:16px}.self-exam__subject-title h3{font-size:18px}.self-exam__chapter-selection-main{padding:12px 16px}}.self-exam__btn:focus-visible,.self-exam__back-btn:focus-visible,.self-exam__mode-card:focus-visible,.self-exam__selection-card:focus-visible{outline:2px solid #3E4AF9;outline-offset:2px}.self-exam__checkbox-custom:focus-visible{outline:2px solid #3E4AF9;outline-offset:2px}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.self-exam__chapter-item{animation:fadeInStagger .4s ease backwards}@media(prefers-reduced-motion:reduce){.self-exam,.self-exam__container,.self-exam__mode-card,.self-exam__selection-card,.self-exam__modal-overlay,.self-exam__modal{animation:none}.self-exam__btn,.self-exam__mode-card,.self-exam__selection-card,.self-exam__chapter-item{transition:none}.self-exam__header:before{animation:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #3E4AF9;--primary-dark: #2E3AB3;--primary-light: #6B75FF;--primary-lighter: #E8EBFD;--text-dark: #1A1A1A;--text-muted: #666666;--text-light: #999999;--bg-primary: #FFFFFF;--bg-secondary: #F9F9F9;--bg-tertiary: #F5F5F5;--border-color: #E8E8E8;--border-light: #F0F0F0;--accent-success: #10B981;--dark-text: #1a1a1a;--light-gray: #f5f5f5;--border-gray: #e0e0e0;--text-gray: #666666;--success-green: #1db854;--light-green-bg: #e8f5f0;--green-text: #1db854;--underline: #3E4AF9}html,body{width:100%;overflow-x:hidden}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--dark-text)}html{scroll-behavior:smooth}