/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-duration:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-auto{height:auto}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.text-center{text-align:center}.text-right{text-align:right}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus,button:focus,a:focus{outline-offset:2px;outline:2px solid #3b82f6}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.3s ease-out fadeIn}.slide-in{animation:.3s ease-out slideIn}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}.payment-verification-page{min-height:100vh;background-color:#f3f4f6;padding:2rem 1rem;display:flex;justify-content:center;align-items:flex-start}.payment-verification-container{max-width:600px;width:100%;margin:0 auto}@media (max-width: 768px){.payment-verification-page{padding:.75rem .5rem}.payment-verification-container{max-width:100%;width:100%;padding:0 .75rem;display:flex;justify-content:center}.payment-verification-card{padding:1rem}.payment-info-container{padding:1rem!important}.payment-details,.auth-form,.results-card,.results-stats{width:100%}}.payment-verification-header{margin-bottom:1.5rem}.payment-verification-back-btn{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-weight:500;transition:color .2s}.payment-verification-back-btn:hover{color:#1f2937}.payment-verification-back-icon{width:1.25rem;height:1.25rem}.payment-verification-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;text-align:center}.payment-verification-status{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.payment-verification-icon{width:4rem;height:4rem}.payment-page-icon-warning{color:#eab308}.payment-page-icon-success{color:#22c55e}.payment-verification-title{font-size:1.5rem;font-weight:700;color:#111827}.payment-verification-message{color:#4b5563;margin-bottom:2rem;line-height:1.5}.payment-test-info{background-color:#f9fafb;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.payment-test-info h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.payment-price-tag{display:inline-block;background-color:#dbeafe;color:#1e40af;font-weight:700;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.payment-instructions-section{text-align:left;margin-bottom:2rem}.payment-instructions-section h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.payment-methods-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.payment-method-tab{flex:1;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;color:#4b5563;font-weight:500;transition:all .2s}.payment-method-tab:hover{background-color:#f9fafb}.payment-method-tab.active{background-color:#eff6ff;border-color:#3b82f6;color:#2563eb}.payment-details-box{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:.5rem;padding:1rem;text-align:center}.payment-account-number{font-family:monospace;font-size:1.25rem;font-weight:700;color:#1f2937;margin:.25rem 0;letter-spacing:.05em}.payment-account-name{font-size:.875rem;color:#6b7280}.payment-submission-form{text-align:left}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.95rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.file-upload-wrapper{position:relative;border:2px dashed #d1d5db;border-radius:.5rem;padding:1rem;transition:border-color .2s;cursor:pointer}.file-upload-wrapper:hover{border-color:#9ca3af}.file-upload-placeholder{display:flex;justify-content:center;align-items:center;color:#6b7280;font-size:.875rem}.file-name{color:#059669;font-weight:500}.submit-payment-btn{width:100%;background-color:#2563eb;color:#fff;padding:.75rem;border-radius:.5rem;font-weight:600;transition:background-color .2s}.submit-payment-btn:hover{background-color:#1d4ed8}.submit-payment-btn:disabled{background-color:#93c5fd;cursor:not-allowed}.payment-verification-actions{display:flex;gap:1rem;justify-content:center}.payment-verification-login-btn,.payment-verification-register-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;transition:all .2s}.payment-verification-login-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151}.payment-verification-login-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.payment-verification-register-btn{background-color:#2563eb;color:#fff;border:1px solid transparent}.payment-verification-register-btn:hover{background-color:#1d4ed8}.payment-verification-btn-icon{width:1rem;height:1rem}.payment-status-verified{color:#059669}.payment-status-pending{color:#d97706}.payment-status-error{color:#dc2626}.payment-status-not-verified{color:#6b7280}.mock-test-manager{min-height:100vh;background:linear-gradient(135deg,#1e293b,#334155);padding:2rem}.mock-test-manager-content{max-width:1400px;margin:0 auto}.mock-test-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.mock-test-manager-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.mock-test-manager-subtitle{color:#64748b;font-size:1.1rem}.mock-test-manager-create-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 25px #3b82f64d}.mock-test-manager-create-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #3b82f666}.mock-test-manager-create-btn:active{transform:translateY(0)}.mock-test-manager-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.mock-test-manager-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.mock-test-manager-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:16px 16px 0 0}.mock-test-manager-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.mock-test-manager-stat-content{display:flex;align-items:center;gap:1rem}.mock-test-manager-stat-icon{width:3rem;height:3rem;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.mock-test-manager-stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.mock-test-manager-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.mock-test-manager-stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.mock-test-manager-stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.mock-test-manager-stat-info{flex:1}.mock-test-manager-stat-label{font-size:.875rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.mock-test-manager-stat-value{font-size:2rem;font-weight:700;color:#1e293b}.mock-test-manager-table-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden}.mock-test-manager-table-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.mock-test-manager-table-title{font-size:1.5rem;font-weight:700;color:#1e293b}.mock-test-manager-table{width:100%;border-collapse:collapse}.mock-test-manager-table thead{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.mock-test-manager-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.mock-test-manager-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.mock-test-manager-table tbody tr{transition:all .3s ease}.mock-test-manager-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01)}.mock-test-manager-test-info{display:flex;flex-direction:column;gap:.25rem}.mock-test-manager-test-title{font-weight:600;color:#1e293b;font-size:1rem}.mock-test-manager-test-description{color:#64748b;font-size:.875rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-test-manager-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.25rem}.mock-test-manager-badge.category-hst{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.mock-test-manager-badge.category-jst{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.mock-test-manager-badge.category-pst{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.mock-test-manager-badge.category-general{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.mock-test-manager-badge.difficulty-easy{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mock-test-manager-badge.difficulty-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mock-test-manager-badge.difficulty-hard{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mock-test-manager-badge.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mock-test-manager-badge.status-inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mock-test-manager-badge.paid{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mock-test-manager-badge.free{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mock-test-manager-actions{display:flex;gap:.5rem}.mock-test-manager-action-btn{width:2.5rem;height:2.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.mock-test-manager-action-btn.edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.mock-test-manager-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626)}.mock-test-manager-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.mock-test-manager-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.mock-test-manager-modal{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;border:1px solid rgba(255,255,255,.2)}.mock-test-manager-modal-header{margin-bottom:2rem}.mock-test-manager-modal-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.mock-test-manager-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.mock-test-manager-form-group{display:flex;flex-direction:column}.mock-test-manager-form-label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.mock-test-manager-form-input,.mock-test-manager-form-select,.mock-test-manager-form-textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#374151}.mock-test-manager-form-input:focus,.mock-test-manager-form-select:focus,.mock-test-manager-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.mock-test-manager-form-textarea{resize:vertical;min-height:100px}.mock-test-manager-form-checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.mock-test-manager-form-checkbox input{width:1.25rem;height:1.25rem;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer}.mock-test-manager-form-checkbox label{font-weight:500;color:#374151;cursor:pointer}.mock-test-manager-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.mock-test-manager-modal-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.mock-test-manager-modal-btn.cancel{background:#6b7280;color:#fff}.mock-test-manager-modal-btn.submit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.mock-test-manager-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.mock-test-manager-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.mock-test-manager-loading,.mock-test-manager-error{display:flex;align-items:center;justify-content:center;min-height:400px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.mock-test-manager-loading-spinner{width:3rem;height:3rem;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.mock-test-manager-loading-text,.mock-test-manager-error-text{color:#64748b;font-size:1.1rem;margin-top:1rem;text-align:center}.mock-test-manager-error-card{text-align:center;max-width:500px}.mock-test-manager-error-message{color:#dc2626;margin-bottom:1.5rem;font-size:1.1rem}.mock-test-manager-error-retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.mock-test-manager-error-retry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #dc26264d}@media (max-width: 1024px){.mock-test-manager{padding:1rem}.mock-test-manager-header{flex-direction:column;gap:1rem;text-align:center}.mock-test-manager-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mock-test-manager-form-grid{grid-template-columns:1fr}.mock-test-manager-table{font-size:.875rem}.mock-test-manager-table th,.mock-test-manager-table td{padding:.75rem 1rem}}@media (max-width: 768px){.mock-test-manager-title{font-size:2rem}.mock-test-manager-stats{grid-template-columns:1fr}.mock-test-manager-table-container{overflow-x:auto}.mock-test-manager-modal{margin:1rem;padding:1.5rem}.mock-test-manager-modal-actions{flex-direction:column}}.mock-test-results-manager{min-height:100vh;background:linear-gradient(135deg,#1e293b,#334155);padding:2rem}.mock-test-results-manager-content{max-width:1400px;margin:0 auto}.mock-test-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.mock-test-results-header h3{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.mock-test-results-header p{color:#64748b;font-size:1.1rem;margin-bottom:.5rem}.mock-test-results-stats{display:flex;gap:1.5rem}.mock-test-results-stat{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.mock-test-results-stat:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.mock-test-results-stat .stat-icon{width:2.5rem;height:2.5rem;color:#3b82f6}.mock-test-results-stat div p:first-child{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.mock-test-results-stat div p:last-child{font-size:1.5rem;font-weight:700;color:#1e293b}.mock-test-results-table{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden;margin-bottom:2rem}.mock-test-results-table table{width:100%;border-collapse:collapse}.mock-test-results-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.mock-test-results-table th{padding:1.5rem 2rem;text-align:left;font-size:.875rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.mock-test-results-table td{padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.mock-test-results-table tbody tr{transition:all .2s ease}.mock-test-results-table tbody tr:hover{background:#3b82f60d;transform:scale(1.01)}.mock-test-results-table tbody tr:last-child td{border-bottom:none}.student-info{display:flex;align-items:center;gap:1rem}.student-avatar{width:3rem;height:3rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e2e8f0;transition:all .3s ease}.student-info:hover .student-avatar{border-color:#3b82f6;transform:scale(1.1)}.student-info div:first-child{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.student-info div:last-child{font-size:.875rem;color:#64748b}.test-title{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.test-category{font-size:.875rem;color:#64748b;padding:.25rem .75rem;background:#f1f5f9;border-radius:12px;display:inline-block}.score-container{display:flex;flex-direction:column;gap:.5rem}.score-value{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.score-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;width:-moz-fit-content;width:fit-content}.correct-answers{font-size:.875rem;color:#64748b}.time-taken{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1e293b}.time-icon{width:1.25rem;height:1.25rem;color:#8b5cf6}.completion-info{display:flex;flex-direction:column;gap:.25rem}.completion-date{font-size:1rem;font-weight:600;color:#1e293b}.completion-time{font-size:.875rem;color:#64748b}.action-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.view-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.view-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f666}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ef444466}.action-icon{width:1.25rem;height:1.25rem}.mock-test-results-empty{text-align:center;padding:4rem 2rem}.mock-test-results-empty h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.mock-test-results-empty p{color:#6b7280}.page-size-control{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px 20px;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.page-size-control label{font-weight:500;color:#374151;font-size:14px}.page-size-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s ease}.page-size-select:hover{border-color:#3b82f6}.page-size-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mock-test-results-pagination{margin-top:30px;padding:20px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.pagination-info{text-align:center;margin-bottom:20px;color:#6b7280;font-size:14px}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-btn.active:hover{background:#2563eb}.page-numbers{display:flex;gap:4px}.page-number-btn{min-width:40px;height:40px;padding:0 8px}.page-number-btn.disabled{cursor:default;background:#f9fafb;color:#9ca3af;border-color:#e5e7eb}.first-page-btn,.last-page-btn,.prev-page-btn,.next-page-btn{min-width:40px;height:40px;padding:0 8px}.pagination-icon{width:16px;height:16px}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:1.5rem;font-weight:700;color:#1e293b}.modal-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.modal-close-btn:hover{background:#f1f5f9}.close-icon{width:1.5rem;height:1.5rem;color:#64748b}.modal-body{padding:2rem}.result-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-item label{display:block;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.detail-item p{font-size:1rem;color:#1e293b;font-weight:500}.modal-footer{padding:1rem 2rem 2rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.modal-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.close-modal-btn{background:#6b7280;color:#fff}.close-modal-btn:hover{background:#4b5563;transform:translateY(-2px)}.mock-test-results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:#fff}.loading-spinner{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 1024px){.mock-test-results-manager{padding:1rem}.mock-test-results-header{flex-direction:column;gap:1rem;text-align:center}.mock-test-results-stats{justify-content:center}.result-details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.mock-test-results-table{overflow-x:auto}.mock-test-results-table th,.mock-test-results-table td{padding:1rem;min-width:120px}.pagination-controls{flex-direction:column;gap:10px}.page-numbers{order:-1}.pagination-info{font-size:12px}.page-size-control{flex-direction:column;align-items:flex-start;gap:8px}.page-size-select{width:100%}}@media (max-width: 480px){.mock-test-results-header h3{font-size:2rem}.mock-test-results-stat{flex-direction:column;text-align:center}.action-buttons{flex-direction:column}.action-btn{width:2rem;height:2rem}}.live-mock-test-manager{min-height:100vh;background:linear-gradient(135deg,#1e293b,#334155);padding:2rem}.live-mock-test-manager-content{max-width:1400px;margin:0 auto}.live-mock-test-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.live-mock-test-manager-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.live-mock-test-manager-subtitle{color:#64748b;font-size:1.1rem}.live-mock-test-manager-create-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 25px #3b82f64d}.live-mock-test-manager-create-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #3b82f666}.live-mock-test-manager-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.live-mock-test-manager-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2)}.live-mock-test-manager-stat-content{display:flex;align-items:center;gap:1rem;padding:1.5rem}.live-mock-test-manager-stat-info{flex:1}.live-mock-test-manager-stat-label{font-size:.875rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.live-mock-test-manager-stat-value{font-size:2rem;font-weight:700;color:#1e293b}.live-mock-test-manager-table-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden}.live-mock-test-manager-table-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.live-mock-test-manager-table-title{font-size:1.5rem;font-weight:700;color:#1e293b}.live-mock-test-manager-table{width:100%;border-collapse:collapse}.live-mock-test-manager-table thead{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.live-mock-test-manager-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.live-mock-test-manager-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.live-mock-test-manager-table tbody tr{transition:all .3s ease}.live-mock-test-manager-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01)}.live-mock-test-manager-test-info{display:flex;flex-direction:column;gap:.25rem}.live-mock-test-manager-test-title{font-weight:600;color:#1e293b;font-size:1rem}.live-mock-test-manager-test-description{color:#64748b;font-size:.875rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-mock-test-manager-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.25rem}.live-mock-test-manager-badge.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.live-mock-test-manager-badge.status-inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.live-mock-test-manager-badge.paid{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.live-mock-test-manager-badge.free{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.live-mock-test-manager-actions{display:flex;gap:.5rem}.live-mock-test-manager-action-btn{width:2.5rem;height:2.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.live-mock-test-manager-action-btn.edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.live-mock-test-manager-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626)}.live-mock-test-manager-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.live-mock-test-manager-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.live-mock-test-manager-modal{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;border:1px solid rgba(255,255,255,.2)}.live-mock-test-manager-modal-header{margin-bottom:2rem}.live-mock-test-manager-modal-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.live-mock-test-manager-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.live-mock-test-manager-form-group{display:flex;flex-direction:column}.live-mock-test-manager-form-label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.live-mock-test-manager-form-input,.live-mock-test-manager-form-select,.live-mock-test-manager-form-textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#374151}.live-mock-test-manager-form-input:focus,.live-mock-test-manager-form-select:focus,.live-mock-test-manager-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.live-mock-test-manager-form-textarea{resize:vertical;min-height:100px}.live-mock-test-manager-form-checkbox{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.live-mock-test-manager-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.live-mock-test-manager-modal-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.live-mock-test-manager-modal-btn.cancel{background:#6b7280;color:#fff}.live-mock-test-manager-modal-btn.submit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.live-mock-test-manager-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.live-mock-test-manager-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.live-mock-test-manager{padding:1rem}.live-mock-test-manager-header{flex-direction:column;gap:1rem;text-align:center}.live-mock-test-manager-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.live-mock-test-manager-form-grid{grid-template-columns:1fr}.live-mock-test-manager-table{font-size:.875rem}.live-mock-test-manager-table th,.live-mock-test-manager-table td{padding:.75rem 1rem}}@media (max-width: 768px){.live-mock-test-manager-title{font-size:2rem}.live-mock-test-manager-stats{grid-template-columns:1fr}.live-mock-test-manager-table-container{overflow-x:auto}.live-mock-test-manager-modal{margin:1rem;padding:1.5rem}.live-mock-test-manager-modal-actions{flex-direction:column}}.blog-manager{padding:1rem;max-width:100%;margin:0 auto;overflow-x:hidden}.blog-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;flex-wrap:wrap;gap:1rem}.blog-manager-header h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.add-blog-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;white-space:nowrap}.add-blog-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.blog-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.blog-form-container{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.blog-form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:16px 16px 0 0}.blog-form-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.blog-form{padding:2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s ease;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.thumbnail-upload{display:flex;align-items:center;gap:1rem}.file-input{display:none}.file-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f8fafc;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280;white-space:nowrap}.file-label:hover{background:#f1f5f9;border-color:#9ca3af;color:#374151}.thumbnail-preview{position:relative;display:inline-block;margin-top:1rem;border-radius:8px;overflow:hidden}.thumbnail-preview img{width:120px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;display:block}.remove-thumbnail{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease}.remove-thumbnail:hover{background:#dc2626;transform:scale(1.1)}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#374151}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.cancel-btn{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#e5e7eb}.save-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.blogs-list{display:flex;flex-direction:column;gap:1.5rem;width:100%}.rich-text-editor{border:1px solid #ddd;border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;gap:2px;padding:8px;background-color:#f8f9fa;border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center}.editor-toolbar button{padding:6px 8px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.editor-toolbar button:hover{background-color:#e9ecef;border-color:#adb5bd}.editor-toolbar button.active{background-color:#007bff;color:#fff;border-color:#007bff}.editor-toolbar button[title]{position:relative}.editor-toolbar button[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1000;margin-bottom:4px}.editor-content{padding:16px;min-height:200px;max-height:400px;overflow-y:auto}.editor-content .ProseMirror{outline:none;min-height:200px}.editor-content .ProseMirror p{margin:0 0 12px}.editor-content .ProseMirror h2{margin:20px 0 12px;font-size:1.5em;font-weight:600}.editor-content .ProseMirror h3{margin:16px 0 8px;font-size:1.25em;font-weight:600}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{margin:12px 0;padding-left:24px}.editor-content .ProseMirror li{margin:4px 0}.editor-content .ProseMirror img{max-width:100%;height:auto;border-radius:4px;margin:8px 0}.editor-content .ProseMirror a{color:#007bff;text-decoration:underline}.editor-content .ProseMirror a:hover{color:#0056b3}.blog-item{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:start;padding:20px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;background:#fff;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box;min-height:120px}.blog-thumbnail{width:120px;height:80px;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb;flex-shrink:0;grid-column:1;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.blog-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:6px}.no-thumbnail{width:100%;height:100%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;text-align:center;border-radius:6px;border:1px dashed #d1d5db}.blog-info{grid-column:2;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:100%}.blog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem;width:100%}.blog-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;line-height:1.3;flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.blog-subheading{margin:0 0 1rem;color:#6b7280;font-style:italic;font-size:.9rem;width:100%;line-height:1.4}.blog-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280;width:100%}.meta-item{white-space:nowrap;display:flex;align-items:center;gap:.25rem;background-color:#f9fafb;padding:.25rem .5rem;border-radius:4px;border:1px solid #e5e7eb}.meta-item strong{color:#374151;font-weight:600}.blog-content-preview{color:#6b7280;line-height:1.5;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;margin-top:auto}.blog-content-preview div{margin:0;padding:0;line-height:1.5}.blog-content-preview div:first-child{margin-top:0}.blog-content-preview div:last-child{margin-bottom:0}.blog-actions{grid-column:3;display:flex;flex-direction:column;gap:8px;flex-shrink:0;justify-content:flex-start;align-items:center}.action-btn{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 4px #0000001a}.action-btn:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.action-btn svg{width:16px;height:16px}.edit-btn{background:#3b82f6}.edit-btn:hover{background:#2563eb}.toggle-btn{background:#10b981}.toggle-btn:hover{background:#059669}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block;line-height:1;box-shadow:0 1px 2px #0000001a}.status-badge.published{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-badge.draft{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.no-blogs{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:1.1rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin:1rem 0}.no-blogs p{margin:0;color:#6b7280}.no-blogs h3{margin:0 0 1rem;color:#374151;font-size:1.5rem}.loading{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:1.1rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin:1rem 0}.loading p{margin:0;color:#6b7280}@media (max-width: 1024px){.blog-item{grid-template-columns:100px 1fr auto;gap:12px;padding:16px}.blog-thumbnail{width:100px;height:70px}}@media (max-width: 768px){.blog-manager{padding:.5rem}.blog-manager-header{flex-direction:column;gap:1rem;align-items:stretch}.add-blog-btn{justify-content:center}.blog-form-container{margin:.5rem;max-height:95vh}.blog-form{padding:1.5rem}.blog-item{grid-template-columns:1fr;gap:12px;padding:16px}.blog-thumbnail{width:100%;height:120px;grid-column:1}.blog-info{grid-column:1}.blog-actions{grid-column:1;flex-direction:row;justify-content:flex-end}.editor-toolbar{gap:2px}.editor-toolbar button{padding:4px 6px;font-size:11px;min-width:28px;height:28px}.form-actions{flex-direction:column}.blog-meta{flex-direction:column;gap:.5rem}.blog-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.blog-form{padding:1rem}.blog-item{padding:12px}.blog-title{font-size:1.1rem}.action-btn{width:36px;height:36px}}.payment-manager{min-height:100vh;background:linear-gradient(135deg,#1e293b,#334155);padding:2rem}.payment-manager-content{max-width:1400px;margin:0 auto}.payment-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.payment-manager-title{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.payment-manager-subtitle{color:#64748b;font-size:1rem}.payment-manager-controls{display:flex;gap:1rem;align-items:center}.payment-manager-select{border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:12px;padding:.6rem .9rem;font-weight:600}.payment-manager-refresh-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.8rem 1.4rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #3b82f64d}.payment-manager-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #3b82f666}.payment-manager-table-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden}.payment-manager-table-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.payment-manager-table-title{font-size:1.5rem;font-weight:700;color:#1e293b}.payment-manager-table{width:100%;border-collapse:collapse}.payment-manager-table thead{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.payment-manager-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.payment-manager-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.payment-manager-badge{padding:.4rem .8rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid #e5e7eb}.payment-manager-badge.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#065f46}.payment-manager-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.payment-manager-badge.failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#7f1d1d}.payment-manager-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:50;padding:2rem}.payment-manager-modal{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1rem;max-width:900px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 50px #00000040;border:1px solid rgba(255,255,255,.2)}.payment-manager-loading,.payment-manager-error{display:flex;align-items:center;justify-content:center;min-height:300px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}@media (max-width: 1024px){.payment-manager{padding:1rem}.payment-manager-header{flex-direction:column;gap:1rem;text-align:center}}.ad-unit-container{display:flex;justify-content:center;align-items:center;width:100%;margin:2rem 0;text-align:center;overflow:hidden;background-color:transparent}.ad-wrapper{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.ad-unit-container.ad-fixed-height{min-height:250px}.ad-unit-container.ad-sidebar{min-height:600px;margin:1rem 0}.ad-unit-container.ad-banner,.ad-unit-container.ad-fluid{min-height:100px}.ad-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.05em;display:block}@media print{.ad-unit-container{display:none!important}}@media (max-width: 767px){.ad-desktop-only{display:none!important}}@media (min-width: 768px){.ad-mobile-only{display:none!important}}.mock-tests-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}.mock-tests-content{max-width:1200px;margin:0 auto;padding:0 1rem}.mock-tests-header{margin-bottom:3rem;color:#fff}.mock-tests-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.mock-tests-user-status{flex-shrink:0}.user-status-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);min-width:250px}.user-status-info{margin-bottom:1rem}.user-status-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.user-status-email{font-size:.9rem;color:#6b7280}.user-status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-align:center}.user-status-badge.verified{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.user-status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.user-status-badge.unverified{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mock-tests-cta{margin-top:1.5rem;padding:1.5rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mock-tests-cta-text{color:#fff;font-size:1rem;margin-bottom:1rem;line-height:1.5}.mock-tests-cta-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.mock-tests-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.mock-tests-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.1)}.mock-tests-subtitle{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.mock-tests-filters{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:.8rem;margin-bottom:3rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.mock-tests-filters-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.mock-tests-filter-group{display:flex;flex-direction:column}.mock-tests-filter-label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.mock-tests-filter-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#374151}.mock-tests-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.mock-tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.mock-test-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.mock-test-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.mock-test-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000026}.mock-test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.mock-test-badges{display:flex;gap:.5rem;flex-wrap:wrap}.mock-test-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mock-test-badge.category-hst{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.mock-test-badge.category-jst{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.mock-test-badge.category-pst{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.mock-test-badge.category-general{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.mock-test-badge.difficulty-easy{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mock-test-badge.difficulty-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mock-test-badge.difficulty-hard{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mock-test-badge.paid{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mock-test-badge.free{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mock-test-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.3}.mock-test-description{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mock-test-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem;color:#6b7280}.mock-test-meta-item{display:flex;align-items:center;gap:.5rem}.mock-test-start-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mock-test-start-btn: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}.mock-test-start-btn:hover:before{left:100%}.mock-test-start-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.mock-test-start-btn:active{transform:translateY(0)}.mock-test-start-btn-guest{background:linear-gradient(135deg,#6b7280,#4b5563)}.mock-test-start-btn-guest:hover{box-shadow:0 10px 25px #6b72804d}.mock-test-start-btn-unverified{background:linear-gradient(135deg,#f59e0b,#d97706)}.mock-test-start-btn-unverified:hover{box-shadow:0 10px 25px #f59e0b4d}.test-taking-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}.test-taking-content{max-width:800px;margin:0 auto;padding:0 1rem}.test-header-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.test-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.test-header-info h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.test-header-info p{color:#6b7280;font-size:1.1rem}.test-header-stats{display:flex;gap:2rem;align-items:center}.test-score{text-align:right}.test-score-label{font-size:.9rem;color:#6b7280;margin-bottom:.25rem}.test-score-value{font-size:2rem;font-weight:700;color:#667eea}.test-timer{text-align:right}.test-timer-label{font-size:.9rem;color:#6b7280;margin-bottom:.25rem}.test-timer-value{font-size:2rem;font-weight:700;color:#10b981;font-family:Courier New,monospace;letter-spacing:2px}.test-timer-value.warning{color:#f59e0b;animation:pulse 1s infinite}.test-timer-value.danger{color:#ef4444;animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-progress{margin-top:1.5rem}.time-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e;padding:.75rem 1rem;border-radius:8px;margin:1rem 0;font-weight:500;text-align:center;animation:pulse 2s infinite}.time-warning.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b;animation:pulse 1s infinite}.test-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.test-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.question-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.question-text{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:2rem;line-height:1.6}.question-options{display:flex;flex-direction:column;gap:1rem}.question-option{width:100%;text-align:left;padding:1.25rem 1.5rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#374151;position:relative;overflow:hidden}.question-option:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .3s ease}.question-option:hover{border-color:#667eea;background:#f8fafc;transform:translate(4px)}.question-option:hover:before{transform:scaleY(1)}.question-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f0ff);color:#1f2937}.question-option.selected:before{transform:scaleY(1)}.results-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}.results-content{max-width:800px;margin:0 auto;padding:0 1rem}.results-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.results-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:2rem}.result-emoji-container{margin-bottom:2rem;text-align:center}.result-emoji{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.result-emoji .emoji{font-size:3rem;animation:bounceIn .6s ease-out;animation-fill-mode:both}.result-emoji .emoji:nth-child(1){animation-delay:.1s}.result-emoji .emoji:nth-child(2){animation-delay:.3s}.result-emoji .emoji:nth-child(3){animation-delay:.5s}.result-emoji.passed .emoji{animation:celebratePass .8s ease-out}.result-emoji.failed .emoji{animation:celebrateFail .8s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.05) translateY(0)}70%{transform:scale(.9) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes celebratePass{0%{opacity:0;transform:scale(.3) rotate(-180deg)}50%{opacity:1;transform:scale(1.2) rotate(0)}70%{transform:scale(.9) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes celebrateFail{0%{opacity:0;transform:scale(.3) translateY(50px)}50%{opacity:1;transform:scale(1.1) translateY(0)}70%{transform:scale(.95) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.results-message{margin-bottom:2rem;text-align:center}.pass-message h3{font-size:1.5rem;font-weight:700;color:#059669;margin-bottom:.5rem;animation:slideInUp .6s ease-out}.pass-message p{color:#047857;font-size:1.1rem;animation:slideInUp .6s ease-out .2s both}.fail-message h3{font-size:1.5rem;font-weight:700;color:#dc2626;margin-bottom:.5rem;animation:slideInUp .6s ease-out}.fail-message p{color:#b91c1c;font-size:1.1rem;animation:slideInUp .6s ease-out .2s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-percentage{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.results-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:2rem}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.results-stat{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.5rem;border-radius:16px;border:1px solid #e2e8f0}.results-stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.results-stat.correct .results-stat-value{color:#10b981}.results-stat.incorrect .results-stat-value{color:#ef4444}.results-stat.time .results-stat-value{color:#8b5cf6}.results-stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.results-btn{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block}.results-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.results-btn.secondary{background:#6b7280;color:#fff}.results-btn.download{background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #10b9814d}.results-btn.download:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166}.results-btn .btn-icon{font-size:1.1rem}.results-btn.download:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.results-btn.download:disabled:hover{transform:none;box-shadow:none}.results-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.loading-container,.error-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.loading-spinner{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-text,.error-text{color:#fff;font-size:1.1rem;margin-top:1rem;text-align:center}.error-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:500px}.error-message{color:#dc2626;margin-bottom:1.5rem;font-size:1.1rem}.error-retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-retry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #dc26264d}.empty-state{text-align:center;padding:4rem 2rem;color:#fff}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state-text{font-size:1.25rem;opacity:.9}.access-control-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.access-control-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:500px;width:100%}.access-control-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.access-control-title{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.access-control-message{font-size:1.1rem;color:#6b7280;line-height:1.6;margin-bottom:2rem}.access-control-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.access-control-btn{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block}.access-control-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.access-control-btn.secondary{background:#6b7280;color:#fff}.access-control-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}@media (max-width: 768px){.mock-tests-title{font-size:2.5rem}.mock-tests-filters-grid,.mock-tests-grid{grid-template-columns:1fr}.test-header-content{flex-direction:column;gap:1rem;text-align:center}.results-stats{grid-template-columns:1fr}.results-actions{flex-direction:column}.question-card{padding:1.5rem}.results-card,.access-control-card{padding:2rem}.access-control-actions{flex-direction:column}.mock-tests-header-content{flex-direction:column;text-align:center}.user-status-card{min-width:auto;width:100%}}@media (max-width: 768px){.test-taking-content{padding:0 .5rem}.test-header-card{padding:1.5rem;margin-bottom:1rem}.test-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.test-header-info h1{font-size:1.5rem}.test-header-info p{font-size:1rem}.test-header-stats{width:100%;justify-content:space-between;gap:1rem}.test-score,.test-timer{text-align:center;flex:1}.test-score-value,.test-timer-value{font-size:1.5rem}.test-score-label,.test-timer-label{font-size:.8rem}.question-card{padding:1.5rem}.question-text{font-size:1.1rem;margin-bottom:1.5rem}.question-option{padding:1rem 1.25rem;font-size:.95rem}.results-card{padding:2rem 1.5rem}.results-title{font-size:2rem}.results-percentage{font-size:3rem}.results-stats{grid-template-columns:1fr;gap:1rem}.results-actions{flex-direction:column;gap:.75rem}.results-btn{width:100%;padding:.875rem 1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.test-header-stats{gap:1.5rem}.test-score-value,.test-timer-value{font-size:1.75rem}.question-card{padding:2rem}}.question-actions{margin-top:20px;text-align:right}.next-btn{padding:10px 20px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.next-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.youtube-courses-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}.youtube-courses-header{text-align:center;margin-bottom:3rem;position:relative;overflow:hidden;padding:3rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:0 2rem 3rem}.youtube-courses-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.youtube-courses-title{font-size:3.5rem;font-weight:800;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;margin-bottom:1rem;position:relative;z-index:2}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.youtube-courses-subtitle{font-size:1.2rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:2}.youtube-courses-subtitle strong{color:gold;font-weight:600}.youtube-icon{font-size:4rem;color:red;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite;position:relative;z-index:2}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.youtube-section{margin-bottom:4rem;padding:0 2rem}.youtube-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0000001a}.youtube-section-title{font-size:2rem;font-weight:700;color:#2d3748;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.youtube-section-icon{font-size:1.5rem;color:gold}.youtube-see-more-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #0003}.youtube-see-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;color:#fff;text-decoration:none}.youtube-videos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.youtube-video-card{background:#fffffff2;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #00000026;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);position:relative}.youtube-video-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000040}.youtube-video-thumbnail{position:relative;width:100%;height:180px;overflow:hidden}.youtube-video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.youtube-video-card:hover .youtube-video-thumbnail img{transform:scale(1.05)}.youtube-video-overlay{position:absolute;inset:0;background:linear-gradient(45deg,#f00c,#0009);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.youtube-video-card:hover .youtube-video-overlay{opacity:1}.youtube-play-icon{color:#fff;font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.youtube-video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600}.youtube-video-content{padding:1.25rem}.youtube-video-title{font-size:1rem;font-weight:700;color:#2d3748;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-video-description{font-size:.875rem;color:#718096;margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-video-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.youtube-video-category{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.youtube-video-difficulty{background:linear-gradient(45deg,#ff6b6b,#feca57);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.youtube-video-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.youtube-video-tag{background:#f7fafc;color:#4a5568;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;border:1px solid #e2e8f0}.youtube-watch-btn{width:100%;background:linear-gradient(45deg,red,#c00);color:#fff;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.youtube-watch-btn:hover{background:linear-gradient(45deg,#c00,#900);transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d;color:#fff;text-decoration:none}.youtube-loading{text-align:center;padding:3rem;color:#fff;font-size:1.2rem}.youtube-error{text-align:center;padding:3rem;color:#ff6b6b;background:#ff6b6b1a;border-radius:15px;margin:2rem}.youtube-no-videos{text-align:center;padding:3rem;color:#fffc;background:#ffffff1a;border-radius:15px;margin:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 1200px){.youtube-videos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.youtube-videos-grid{grid-template-columns:repeat(2,1fr)}.youtube-courses-title{font-size:2.5rem}}@media (max-width: 600px){.youtube-videos-grid{grid-template-columns:1fr}.youtube-courses-title{font-size:2rem}.youtube-section-header{flex-direction:column;gap:1rem;text-align:center}.youtube-courses-header{margin:0 1rem 2rem;padding:2rem 1rem}.youtube-section{padding:0 1rem}}.youtube-section.featured .youtube-video-card{border:2px solid #ffd700;box-shadow:0 8px 25px #ffd70033}.youtube-section.featured .youtube-video-card:hover{box-shadow:0 15px 35px #ffd7004d}.youtube-section.playlists .youtube-video-card{border:2px solid #4ecdc4;box-shadow:0 8px 25px #4ecdc433}.youtube-section.playlists .youtube-video-card:hover{box-shadow:0 15px 35px #4ecdc44d}.youtube-section.paid .youtube-video-card{border:2px solid #ff6b6b;box-shadow:0 8px 25px #ff6b6b33}.youtube-section.paid .youtube-video-card:hover{box-shadow:0 15px 35px #ff6b6b4d}.paid-badge{position:absolute;top:8px;left:8px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px #0000004d}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:3rem 0;padding:0 2rem}.pagination-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-number{background:#ffffff1a;color:#fff;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-number:hover{background:#fff3;transform:translateY(-2px)}.page-number.active{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-color:transparent;box-shadow:0 4px 15px #0000004d}.youtube-enroll-btn{width:100%;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;box-shadow:0 4px 15px #ff6b6b4d}.youtube-enroll-btn:hover{background:linear-gradient(45deg,#ff5252,#ff7676);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66;color:#fff;text-decoration:none}.youtube-enroll-btn:active{transform:translateY(0);box-shadow:0 2px 10px #ff6b6b4d}.notes-papers-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}.notes-papers-content{max-width:80rem;margin:0 auto;padding:0 1rem}.notes-papers-header{text-align:center;margin-bottom:3rem;color:#fff}.notes-papers-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notes-papers-subtitle{font-size:1.25rem;opacity:.9;max-width:48rem;margin:0 auto;line-height:1.6}.notes-papers-filters{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:3rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;align-items:end}.filter-group{position:relative}.filter-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.filter-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.filter-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.search-input{padding-left:3rem}.search-icon{position:absolute;left:1rem;top:2.5rem;color:#9ca3af;transition:color .3s ease}.search-input:focus+.search-icon{color:#667eea}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.material-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .4s ease;position:relative;overflow:hidden}.material-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.material-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #00000026}.material-card:hover:before{transform:scaleX(1)}.material-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.material-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem;line-height:1.4;flex:1}.material-description{font-size:.875rem;color:#6b7280;line-height:1.5;margin-bottom:1rem}.material-icon{width:2.5rem;height:2.5rem;color:#667eea;flex-shrink:0;margin-left:1rem}.material-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.material-tag{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.material-tag:hover{transform:scale(1.05)}.tag-subject{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tag-type{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.tag-year{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.material-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.material-detail{display:flex;align-items:center;font-size:.875rem;color:#6b7280}.detail-icon{width:1rem;height:1rem;margin-right:.5rem;color:#9ca3af}.material-actions{display:flex;gap:.75rem}.download-btn{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.download-btn:active{transform:translateY(0)}.view-btn{background:#fff;color:#374151;border:2px solid #e5e7eb;padding:.875rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.view-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.empty-state{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:4rem 2rem;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.empty-icon{width:4rem;height:4rem;color:#9ca3af;margin:0 auto 1rem}.empty-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem}.empty-description{color:#6b7280;max-width:32rem;margin:0 auto}.loading-container{text-align:center;padding:4rem 2rem}.loading-spinner{width:3rem;height:3rem;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-text{color:#fff;font-size:1.125rem}.results-count{text-align:center;color:#fff;font-size:.875rem;opacity:.8;margin-top:2rem}@media (max-width: 768px){.notes-papers-content{padding:0 .5rem}.notes-papers-title{font-size:2.5rem}.notes-papers-filters{padding:1.5rem}.filters-grid{grid-template-columns:1fr}.materials-grid{grid-template-columns:1fr;gap:1.5rem}.material-card{padding:1.5rem}.material-actions{flex-direction:column}.download-btn,.view-btn{width:100%}}.material-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.material-card:nth-child(1){animation-delay:.1s}.material-card:nth-child(2){animation-delay:.2s}.material-card:nth-child(3){animation-delay:.3s}.material-card:nth-child(4){animation-delay:.4s}.material-card:nth-child(5){animation-delay:.5s}.material-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.materials-grid::-webkit-scrollbar{width:8px}.materials-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.materials-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.materials-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.our-teachers-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}.our-teachers-content{max-width:1400px;margin:0 auto;padding:0 1rem}.teachers-header{text-align:center;color:#fff;margin-bottom:4rem}.teachers-header-content{max-width:800px;margin:0 auto}.teachers-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.1)}.teachers-subtitle{font-size:1.25rem;opacity:.9;line-height:1.6;margin-bottom:3rem}.teachers-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat-item{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem 2rem;border:1px solid rgba(255,255,255,.2);min-width:150px}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:#ffeb3b;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.teachers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;margin-bottom:4rem}.teacher-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.teacher-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:24px 24px 0 0}.teacher-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000026}.teacher-card-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.teacher-image-container{position:relative;flex-shrink:0}.teacher-image{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid #e5e7eb;box-shadow:0 8px 25px #0000001a}.teacher-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ffeb3b,#ffd600);color:#1a237e;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 15px #ffeb3b4d}.badge-icon{font-size:.8rem}.teacher-info{flex-grow:1}.teacher-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.3}.teacher-designation{font-size:1.1rem;color:#667eea;font-weight:600;margin-bottom:.25rem}.teacher-subject{font-size:.9rem;color:#6b7280;font-weight:500}.teacher-card-body{margin-bottom:2rem}.teacher-qualifications{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.qualification-item{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.75rem 1rem;border-radius:12px;border:1px solid #e2e8f0;flex:1;min-width:200px}.qualification-icon{font-size:1.2rem}.qualification-text{font-size:.9rem;color:#374151;font-weight:500}.teacher-bio{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.specializations-title,.achievements-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.specializations-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.specialization-tag{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);color:#0277bd;padding:.5rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid #81d4fa}.achievements-list{list-style:none;padding:0;margin:0}.achievement-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding:.75rem;background:linear-gradient(135deg,#fef7e0,#fef3c7);border-radius:12px;border:1px solid #fde68a}.achievement-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.achievement-text{font-size:.9rem;color:#92400e;line-height:1.4}.teacher-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.teacher-contact{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.contact-icon{font-size:1rem}.teacher-social-links{display:flex;gap:.75rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;text-decoration:none;font-size:1.2rem;transition:all .3s ease}.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.social-link.linkedin:hover{background:linear-gradient(135deg,#0077b5,#005885);color:#fff}.social-link.email:hover{background:linear-gradient(135deg,#ea4335,#d32f2f);color:#fff}.social-link.github:hover{background:linear-gradient(135deg,#333,#24292e);color:#fff}.teachers-cta{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem 2rem;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.cta-subtitle{font-size:1.1rem;color:#6b7280;line-height:1.6;margin-bottom:2rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.cta-button.secondary{background:#6b7280;color:#fff}.btn-icon{font-size:1.1rem}@media (max-width: 1200px){.teachers-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}}@media (max-width: 768px){.teachers-title{font-size:2.5rem}.teachers-stats{gap:1.5rem}.stat-item{min-width:120px;padding:1rem 1.5rem}.stat-number{font-size:2rem}.teachers-grid{grid-template-columns:1fr;gap:1.5rem}.teacher-card{padding:1.5rem}.teacher-card-header{flex-direction:column;text-align:center;gap:1rem}.teacher-qualifications{flex-direction:column}.qualification-item{min-width:auto}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.our-teachers-container{padding:1rem 0}.teachers-title{font-size:2rem}.teachers-subtitle{font-size:1.1rem}.teacher-card{padding:1rem}.teacher-image{width:80px;height:80px}.teacher-name{font-size:1.3rem}.cta-title{font-size:2rem}}.blogs-container{min-height:100vh;background:#fafafa;padding:0}.blogs-content{max-width:1200px;margin:0 auto;padding:0}.blogs-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:4rem 2rem;text-align:center;color:#fff;margin-bottom:3rem;position:relative;overflow:hidden}.blogs-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.blogs-header-content{position:relative;z-index:2}.blogs-title{font-size:3.5rem;font-weight:800;margin:0 0 1rem;letter-spacing:-.02em;line-height:1.1}.blogs-subtitle{font-size:1.25rem;margin:0 0 2rem;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.search-container{max-width:500px;margin:0 auto}.search-input-wrapper{position:relative;background:#ffffff26;border-radius:50px;padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fffc;z-index:2}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:none;background:transparent;color:#fff;font-size:1rem;border-radius:50px;outline:none}.search-input::-moz-placeholder{color:#fffc}.search-input::placeholder{color:#fffc}.search-input:focus{background:#ffffff1a}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;padding:0 2rem 3rem}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #f0f0f0;position:relative}.blog-card-image{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.blog-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-thumbnail{transform:scale(1.05)}.blog-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:3rem;opacity:.8}.blog-card-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.blog-card:hover .blog-card-overlay{opacity:1}.read-more-btn{background:#ffffffe6;color:#333;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.read-more-btn:hover{background:#fff;transform:scale(1.05)}.blog-card-content{padding:1.5rem}.blog-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666;font-weight:500}.meta-item svg{color:#999}.blog-card-title{margin:0 0 .75rem;line-height:1.3}.blog-card-title a{color:#1a1a1a;text-decoration:none;font-size:1.5rem;font-weight:700;line-height:1.3;transition:color .2s ease}.blog-card-title a:hover{color:#667eea}.blog-card-subtitle{color:#666;font-size:1rem;line-height:1.5;margin:0 0 1rem;font-style:italic}.blog-card-excerpt{color:#555;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.blog-card-link{display:inline-flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s ease;padding:.5rem 0}.no-blogs{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;margin:0 2rem 2rem;box-shadow:0 4px 20px #00000014}.no-blogs h3{font-size:2rem;color:#333;margin:0 0 1rem;font-weight:700}.no-blogs p{color:#666;font-size:1.1rem;margin:0 0 2rem;line-height:1.6}.clear-search-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.clear-search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.blogs-cta{background:#fff;margin:3rem 2rem;border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0}.cta-content h2{font-size:2.5rem;color:#1a1a1a;margin:0 0 1rem;font-weight:800;line-height:1.2}.cta-content p{font-size:1.1rem;color:#666;line-height:1.6;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.secondary{background:#f8f9fa;color:#333;border:2px solid #e9ecef}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.cta-button.primary:hover{box-shadow:0 8px 25px #667eea4d}.loading{text-align:center;padding:4rem 2rem;color:#666;font-size:1.2rem}.category-filter{background:#fff;margin:0 2rem 2rem;border-radius:16px;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0}.category-tabs{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.category-tab{background:#f8f9fa;color:#6b7280;border:1px solid #e5e7eb;padding:.75rem 1.5rem;border-radius:25px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.category-tab:hover{background:#f1f5f9;border-color:#d1d5db;color:#374151}.category-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.category-count{background:#fff3;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0f0f0}.blog-tags-preview{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.85rem;font-weight:500}.blog-tags-preview svg{color:#9ca3af}.loading-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading p{margin:0;color:#6b7280;font-size:1.1rem}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #f0f0f0;position:relative;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f;border-color:#e0e0e0}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.blog-card-excerpt{color:#555;line-height:1.6;margin-bottom:1rem;font-size:.95rem;flex:1}.blog-card-excerpt div{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-card-link{display:inline-flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s ease;padding:.5rem 0;white-space:nowrap}.blog-card-link:hover{color:#5a67d8;transform:translate(4px)}.blog-card-link svg{transition:transform .2s ease}.blog-card-link:hover svg{transform:translate(4px)}@media (max-width: 768px){.blogs-header{padding:3rem 1rem}.blogs-title{font-size:2.5rem}.blogs-subtitle{font-size:1.1rem}.blogs-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem 2rem}.blog-card-content{padding:1.25rem}.blog-card-title a{font-size:1.25rem}.cta-content h2{font-size:2rem}.blogs-cta{margin:2rem 1rem;padding:2rem 1rem}.no-blogs{margin:0 1rem 1rem;padding:3rem 1rem}.category-filter{margin:0 1rem 1rem;padding:1rem}.category-tabs{gap:.25rem}.category-tab{padding:.5rem 1rem;font-size:.85rem}.blog-card-footer{flex-direction:column;gap:1rem;align-items:flex-start}.blog-tags-preview{font-size:.8rem}.loading{margin:1rem;padding:3rem 1rem}}@media (max-width: 480px){.blogs-title{font-size:2rem}.blogs-subtitle{font-size:1rem}.blog-card-content{padding:1rem}.blog-card-title a{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;justify-content:center}.category-tabs{flex-direction:column;align-items:stretch}.category-tab{text-align:center;justify-content:center}.blog-card-footer{padding-top:.75rem;margin-top:1rem}}.blog-detail-container{min-height:100vh;background:#fafafa;padding:0}.blog-detail-content{max-width:900px;margin:0 auto;padding:0}.blog-navigation{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 2rem;margin-bottom:0;position:sticky;top:90px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.back-btn{display:inline-flex;align-items:center;gap:.5rem;background:#f8f9fa;color:#374151;border:1px solid #e5e7eb;padding:.75rem 1.5rem;border-radius:25px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:.95rem}.back-btn:hover{background:#f1f5f9;border-color:#d1d5db;transform:translate(-4px);box-shadow:0 4px 12px #0000001a}.article-header{background:#fff;border-radius:0;padding:5rem 2rem;margin-bottom:0;box-shadow:none;border-bottom:1px solid #e5e7eb;text-align:center}.article-meta{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center;align-items:center}.article-title{font-size:3rem;font-weight:800;color:#1f2937;margin:0 0 1.5rem;line-height:1.2;letter-spacing:-.01em;max-width:800px;margin-left:auto;margin-right:auto;word-wrap:break-word;overflow-wrap:break-word}.article-subtitle{font-size:1.3rem;color:#6b7280;font-style:normal;margin:0 0 2rem;line-height:1.5;font-weight:400;max-width:700px;margin-left:auto;margin-right:auto;word-wrap:break-word;overflow-wrap:break-word}.article-actions{display:flex;justify-content:center;margin-top:2rem}.share-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px #667eea4d}.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.article-thumbnail-container{margin-bottom:0;border-radius:0;overflow:hidden;box-shadow:none;background:#fff;border-bottom:1px solid #e5e7eb}.article-thumbnail{width:100%;height:auto;max-height:500px;-o-object-fit:cover;object-fit:cover;display:block}.article-content{background:#fff;border-radius:0;padding:3rem 2rem;margin-bottom:0;box-shadow:none;border-bottom:1px solid #e5e7eb}.content-wrapper{max-width:100%;line-height:1.8;padding:0}.blog-html-content{line-height:1.8;color:#374151;font-size:1.1rem;max-width:100%;padding:0;margin:0}.blog-html-content h1,.blog-html-content h2,.blog-html-content h3,.blog-html-content h4,.blog-html-content h5,.blog-html-content h6{margin:2.5rem 0 1.5rem;color:#1f2937;font-weight:700;line-height:1.3;letter-spacing:-.01em;padding:0}.blog-html-content h1{font-size:2.2em;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem;margin-top:2.5rem}.blog-html-content h2{font-size:1.8em;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;margin-top:2rem}.blog-html-content h3{font-size:1.4em;margin-top:1.75rem}.blog-html-content h4{font-size:1.2em;margin-top:1.5rem}.blog-html-content p{margin:1.5rem 0;line-height:1.8;color:#374151;font-size:1.1rem;padding:0}.blog-html-content ul,.blog-html-content ol{margin:1.5rem 0;padding-left:2rem;padding-right:0}.blog-html-content li{margin:.75rem 0;line-height:1.7;color:#374151;padding:0}.blog-html-content blockquote{margin:2rem 0;padding:1.5rem 2rem;border-left:4px solid #667eea;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-style:italic;color:#475569;border-radius:0 8px 8px 0;font-size:1.1rem;line-height:1.7}.blog-html-content code{background-color:#f1f5f9;padding:.25rem .5rem;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:.9em;color:#dc2626;border:1px solid #e2e8f0}.blog-html-content pre{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0;padding:2rem;border-radius:12px;overflow-x:auto;margin:2rem 0;border:1px solid #475569;box-shadow:0 8px 32px #0003}.blog-html-content pre code{background:none;padding:0;color:inherit;border:none;font-size:.95rem;line-height:1.6}.blog-html-content a{color:#667eea;text-decoration:none;border-bottom:2px solid transparent;transition:all .2s ease;font-weight:500}.blog-html-content a:hover{color:#5a67d8;border-bottom-color:#5a67d8}.blog-html-content img{max-width:100%;height:auto;border-radius:12px;margin:2rem 0;box-shadow:0 8px 32px #0000001a;border:1px solid #e5e7eb}.blog-html-content table{width:100%;border-collapse:collapse;margin:2rem 0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.blog-html-content th,.blog-html-content td{padding:1rem;text-align:left;border:1px solid #e5e7eb}.blog-html-content th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:700;color:#1f2937;font-size:.95rem}.blog-html-content tr:nth-child(2n){background-color:#fafafa}.blog-html-content tr:hover{background-color:#f8fafc}.blog-footer{background:#fff;border-radius:0;padding:3rem 2rem;margin-bottom:0;box-shadow:none;border-bottom:1px solid #e5e7eb}.blog-tags{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.tag-label{font-weight:600;color:#374151;font-size:1rem}.tag{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;transition:all .2s ease}.tag:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:translateY(-1px)}.blog-author-info{border-top:1px solid #e5e7eb;padding-top:2rem;text-align:center}.author-card{display:inline-flex;align-items:center;gap:1rem;background:#f8fafc;padding:1.5rem 2rem;border-radius:16px;border:1px solid #e5e7eb;transition:all .2s ease}.author-card:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.author-avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.author-details h4{margin:0 0 .5rem;color:#1f2937;font-size:1.2rem;font-weight:700}.author-role{margin:0;color:#6b7280;font-size:.95rem;font-weight:500}.related-content{background:#fff;border-radius:0;padding:3rem 2rem;margin-bottom:0;box-shadow:none;border-bottom:1px solid #e5e7eb}.related-content h3{margin:0 0 2rem;color:#1f2937;font-size:2rem;font-weight:700;text-align:center}.related-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.related-link{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease}.related-link:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.related-link>div h4{margin:0 0 .5rem;color:#1f2937;font-size:1.1rem;font-weight:600}.related-link>div p{margin:0;color:#6b7280;font-size:.9rem;line-height:1.5}.blog-cta{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;padding:4rem 2rem;text-align:center;box-shadow:none;border:none;color:#fff;position:relative;overflow:hidden}.blog-cta:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.cta-content{max-width:600px;margin:0 auto;position:relative;z-index:2}.cta-content h2{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2}.cta-content p{font-size:1.2rem;color:#ffffffe6;line-height:1.6;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;padding:1rem 2rem;border-radius:25px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.cta-button.primary{background:#fff;color:#667eea}.cta-button.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.cta-button.primary:hover{background:#f8fafc}.cta-button.secondary:hover{background:#fff3}.error-container{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:2rem;border:1px solid #e5e7eb}.error-container h2{color:#dc2626;margin-bottom:1rem;font-size:2rem;font-weight:700}.error-container p{color:#6b7280;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.back-to-blogs-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.back-to-blogs-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.loading{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.2rem;background:#fff;border-radius:16px;margin:2rem;border:1px solid #e5e7eb}@media (max-width: 768px){.blog-header{padding:2rem 1rem}.blog-title{font-size:2.2rem;line-height:1.3}.blog-subtitle{font-size:1.1rem;line-height:1.4}.blog-content{padding:2rem 1rem}.blog-html-content h1{font-size:1.8em}.blog-html-content h2{font-size:1.6em}.blog-html-content h3{font-size:1.3em}.blog-html-content p{font-size:1rem}.blog-html-content ul,.blog-html-content ol{padding-left:1.5rem;padding-right:0}.blog-footer,.related-content,.blog-cta{padding:2rem 1rem}.related-links{grid-template-columns:1fr}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;justify-content:center}.error-container,.loading{margin:1rem;padding:3rem 1rem}}@media (max-width: 480px){.blog-title{font-size:1.8rem;line-height:1.3}.blog-subtitle{font-size:1rem;line-height:1.4}.blog-html-content h1{font-size:1.6em}.blog-html-content h2{font-size:1.4em}.blog-html-content h3{font-size:1.2em}.blog-html-content ul,.blog-html-content ol{padding-left:1.25rem;padding-right:0}.blog-html-content blockquote{padding:1rem 1.25rem;margin:1.5rem 0}.blog-html-content pre{padding:1.25rem;margin:1.5rem 0}.author-card{flex-direction:column;text-align:center;padding:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body,html,#root,.App{margin:0;padding:0;min-height:100vh;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;line-height:1.6;overflow-x:hidden}.main-content{padding:0;width:100%;margin:0;background:#fffffff2;min-height:calc(100vh - 70px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:hidden}.content-wrapper{display:grid;grid-template-columns:1fr 300px;gap:2rem;padding:2rem;max-width:100%;margin:0;width:100%}.main-section{min-height:100vh}.sidebar{position:sticky;top:100px;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.content-wrapper{grid-template-columns:1fr;gap:1rem;padding:1rem}.sidebar{display:none}.main-section{min-height:auto}}.sidebar-content{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #0000001a}.sidebar-content h3{color:#1a237e;margin-bottom:1rem;font-size:1.3rem}.sidebar-content ul{list-style:none;padding:0}.sidebar-content li{padding:.75rem 0;border-bottom:1px solid #eee}.sidebar-content li:last-child{border-bottom:none}.sidebar-content a{color:#333;text-decoration:none;font-weight:500;transition:color .3s ease}.sidebar-content a:hover{color:#1a237e}@media (max-width: 768px){body,html,#root,.App{width:100%!important;overflow-x:auto}}.ad-container{transition:all .3s ease;cursor:pointer}.ad-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.ad-content{text-align:center;padding:1rem}.ad-text{margin-bottom:1rem;line-height:1.4}.ad-cta{background:#fff3;color:#fff;border:2px solid white;padding:.5rem 1rem;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease}.ad-cta:hover{background:#fff;color:#1a237e;transform:scale(1.05)}.test-filter{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid #1a237e;color:#1a237e;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover,.filter-btn.active{background:#1a237e;color:#fff;transform:translateY(-2px)}.test-badges{display:flex;gap:.5rem;flex-wrap:wrap}.type-badge{padding:.25rem .5rem;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700}.video-category,.playlist-category{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:5px;font-size:.7rem;font-weight:700}.category-tag{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;padding:.25rem .5rem;border-radius:10px;font-size:.7rem;font-weight:700}.see-more-section{text-align:center;margin-top:3rem}.see-more-btn{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #1a237e4d}.see-more-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1a237e66}.paid-courses-section{margin:4rem 0}.paid-course-card{position:relative;border:2px solid #ffd700}.paid-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #ffd7004d}.course-category{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:5px;font-size:.7rem;font-weight:700}.course-meta{display:flex;justify-content:space-between;margin:1rem 0;font-size:.9rem;color:#666}.course-pricing{display:flex;align-items:center;gap:1rem;margin:1rem 0}.current-price{font-size:1.3rem;font-weight:700;color:#4caf50}.original-price{font-size:1rem;color:#999;text-decoration:line-through}.enroll-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.enroll-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.youtube-link-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;text-align:center;transition:all .3s ease;margin-top:1rem;display:inline-block}.youtube-link-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1a237e4d;color:#fff}.featured-videos-page,.educational-playlists-page,.paid-courses-page{padding:3rem 2rem;background:#fff}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{color:#1a237e;margin-bottom:1rem;font-size:2.5rem}.page-header p{color:#666;font-size:1.1rem;margin-bottom:2rem}.back-link{color:#1a237e;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;border:2px solid #1a237e;border-radius:25px;transition:all .3s ease;display:inline-block}.back-link:hover{background:#1a237e;color:#fff;transform:translateY(-2px)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:2rem 0}.pagination-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid #1a237e;color:#1a237e;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#1a237e;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:.5rem}.page-number{width:40px;height:40px;border:2px solid #1a237e;background:#fff;color:#1a237e;border-radius:50%;font-weight:600;cursor:pointer;transition:all .3s ease}.page-number:hover,.page-number.active{background:#1a237e;color:#fff;transform:translateY(-2px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0000001a}.navbar.scrolled{background:#fffffffa;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 8px 40px #0000001f;border-bottom:1px solid rgba(255,255,255,.3)}.navbar-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.navbar-logo{flex-shrink:0}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;transition:all .3s ease;padding:.5rem;border-radius:12px}.logo-link:hover{background:#3b82f61a;transform:translateY(-1px)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.logo-link:hover .logo-icon{transform:scale(1.05);box-shadow:0 6px 20px #667eea66}.logo-text{display:flex;flex-direction:column;gap:.1rem}.logo-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.logo-subtitle{font-size:.7rem;color:#64748b;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;flex-direction:column;gap:4px;width:40px;height:40px;justify-content:center;align-items:center}.hamburger-line{width:24px;height:3px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.navbar-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navbar-toggle.active .hamburger-line:nth-child(2){opacity:0}.navbar-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-toggle:hover{background-color:#ffffff1a}.navbar-links{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#475569;text-decoration:none;font-weight:500;font-size:.9rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);opacity:0;transition:opacity .3s ease;border-radius:12px;z-index:-1}.nav-link:hover:before{opacity:1}.nav-link:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.nav-link.active{color:#475569;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{transform:scale(1.1)}.nav-icon{font-size:1.1rem;transition:transform .3s ease}.nav-text{font-weight:600;letter-spacing:.3px}.navbar-auth{display:flex;align-items:center;margin-left:auto}.auth-buttons{display:flex;align-items:center;gap:1rem}.auth-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-size:.9rem;position:relative;overflow:hidden;letter-spacing:.3px}.auth-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 ease}.auth-button:hover:before{left:100%}.login-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.register-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.register-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.auth-icon-navbar{width:16px;height:16px}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;cursor:pointer;transition:all .3s ease;color:#fff}.user-menu-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.user-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.user-name{font-weight:500;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chevron{width:16px;height:16px;color:#fffc;transition:transform .3s ease}.user-menu-container:hover .user-chevron{transform:rotate(180deg)}.user-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:200px;z-index:1000;overflow:hidden}.user-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:#333;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background-color .3s ease}.user-menu-item:hover{background-color:#f5f5f5}.user-menu-icon{width:16px;height:16px}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;background:none;border:none;font-family:inherit;color:inherit;padding:inherit;font-size:inherit;font-weight:inherit}.dropdown-chevron{width:16px;height:16px;transition:transform .2s ease;margin-left:.25rem}.dropdown-chevron.rotate{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:160px;z-index:1000;padding:.5rem 0;margin-top:.5rem;opacity:0;transform:translateY(-10px);animation:dropdownSlideIn .2s ease forwards}@keyframes dropdownSlideIn{to{opacity:1;transform:translateY(0)}}.nav-dropdown-menu:before{content:"";position:absolute;top:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.nav-dropdown-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#374151;text-decoration:none;font-weight:500;transition:all .2s ease;font-size:.9rem}.nav-dropdown-link:hover{background:#f3f4f6;color:#1e293b}.nav-dropdown-link.active{background:#eff6ff;color:#2563eb}.nav-dropdown-link .nav-icon{font-size:1rem}@media (min-width: 768px) and (max-width: 1024px){.navbar-container{padding:1rem 1.5rem;gap:1rem}.navbar-links{gap:.5rem!important;flex-wrap:wrap;justify-content:center}.nav-item{margin:0 .25rem}.nav-link{padding:.5rem .75rem!important;font-size:.85rem!important;white-space:nowrap;min-width:auto;border-radius:20px}.nav-text{font-size:.85rem!important;font-weight:500}.nav-icon{font-size:1rem!important;color:#475569;transition:color .3s ease}.logo-title{font-size:1.4rem}.logo-subtitle{font-size:.65rem}.navbar-auth{gap:.5rem}.auth-button{padding:.4rem .8rem;font-size:.85rem}.user-name{max-width:70px;font-size:.85rem}}@media (min-width: 1025px) and (max-width: 1279px){.navbar-container{padding:1rem 2rem;gap:1.5rem}.navbar-links{gap:.75rem!important}.nav-link{padding:.6rem 1rem!important;font-size:.9rem!important}.nav-text{font-size:.9rem!important}.logo-title{font-size:1.6rem}.logo-subtitle{font-size:.75rem}.auth-button{padding:.5rem 1rem;font-size:.9rem}.user-name{max-width:80px;font-size:.9rem}}@media (min-width: 1280px){.navbar-container{padding:1rem 2rem;gap:2rem}.navbar-links{gap:1rem!important}.nav-link{padding:.75rem 1.25rem!important;font-size:1rem!important}.nav-text{font-size:1rem!important}}@media (max-width: 1024px){.cta-section{padding:4rem 2rem;margin:2rem 1rem}.cta-content h2{font-size:2.5rem}.cta-content p{font-size:1.1rem}.cta-section .cta-button{padding:1rem 2rem;font-size:1.1rem}}@media (max-width: 768px){.navbar-container{padding:.75rem 1rem}.cta-section{padding:3rem 1.5rem;margin:1.5rem .5rem;border-radius:20px}.cta-content h2{font-size:2.2rem;margin-bottom:1rem}.cta-content p{font-size:1.1rem;margin-bottom:2rem}.cta-buttons{flex-direction:column;gap:1rem;align-items:center}.cta-section .cta-button{width:100%;max-width:300px;padding:1rem 2rem;font-size:1rem}.logo-text{display:none}.logo-icon{width:40px;height:40px;font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #667eea4d}.navbar-links{display:none;flex-direction:column;background:#fffffffa;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);position:absolute;top:100%;left:0;right:0;padding:1.5rem;box-shadow:0 20px 60px #00000026;border-top:1px solid rgba(255,255,255,.3);border-radius:0 0 20px 20px}.navbar-links.open{display:flex;animation:slideDown .3s ease}.navbar-toggle{display:flex;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:.5rem;transition:all .3s ease}.navbar-toggle:hover{background:#3b82f626;border-color:#3b82f64d}.hamburger-line{background:#475569;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-auth{display:flex;gap:.5rem}.auth-button{padding:.6rem 1rem;font-size:.85rem;border-radius:10px}.login-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.login-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.user-menu-button{padding:.4rem .8rem}.user-name{max-width:60px;font-size:.8rem}.nav-item{width:100%}.nav-link{width:100%;padding:1rem 1.5rem;border-radius:12px;margin:.5rem 0;justify-content:flex-start;color:#475569;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d;border-color:transparent}.nav-link:hover .nav-text,.nav-link:hover .nav-icon{color:#fff!important}.nav-link.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d;border-color:transparent!important}.nav-link.active .nav-text,.nav-link.active .nav-icon{color:#fff!important}.navbar-links .nav-link.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important}.navbar-links .nav-link.active .nav-text,.navbar-links .nav-link.active .nav-icon{color:#fff!important}.nav-text{display:block;color:#475569;font-weight:500;transition:color .3s ease}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}section{padding:3rem 2rem;margin:0;max-width:100vw;width:100%}section h1,section h2,section h3{color:#1a237e;margin-bottom:1.5rem;text-align:center}section h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1a237e,#3949ab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}section h2{font-size:2rem;font-weight:600}section h3{font-size:1.5rem;font-weight:500}.home{opacity:0;transform:translateY(20px);transition:all .8s ease}.home.visible{opacity:1;transform:translateY(0)}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:25px;margin:2rem;box-shadow:0 15px 40px #0000001a;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#1a237e0d,#3949ab0d);pointer-events:none}.hero-badge{display:inline-block;background:linear-gradient(135deg,#ffeb3b,#ffd600);color:#1a237e;padding:.5rem 1rem;border-radius:25px;font-weight:600;font-size:.9rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #ffeb3b4d}.hero-title{font-size:2.8rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.title-line{display:block;color:#333}.title-highlight{display:block;background:linear-gradient(135deg,#1a237e,#3949ab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:3.2rem;margin:.5rem 0}.hero-description{font-size:1.2rem;color:#666;line-height:1.6;margin-bottom:2rem}.hero-header{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.hero-video{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #0003;transition:transform .3s ease;width:100%;height:350px}.hero-video:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000004d}.video-container{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden}.hero-video iframe{border-radius:20px;width:100%;height:100%}.video-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.hero-video:hover .video-overlay{opacity:1}.play-button{font-size:3rem;background:#ffffffe6;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.play-button:hover{transform:scale(1.1);background:#fff}.hero-content h1{text-align:left;margin-bottom:1rem}.hero-features{margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.1rem;color:#333;font-weight:500}.tick-mark{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #4caf504d}.hero-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{text-align:center;padding:1rem;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;min-width:100px}.stat.active{transform:scale(1.1);box-shadow:0 8px 25px #1a237e33;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff}.stat.active .stat-number,.stat.active .stat-label{color:#fff}.stat-number{display:block;font-size:2rem;font-weight:700;color:#1a237e;transition:color .3s ease}.stat-label{font-size:.9rem;color:#666;transition:color .3s ease}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.cta-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:none;cursor:pointer;text-align:center;position:relative;overflow:hidden}.cta-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 ease}.cta-button:hover:before{left:100%}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.cta-button:hover .btn-icon{transform:scale(1.2)}.cta-button.primary{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;box-shadow:0 4px 15px #1a237e4d}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #1a237e66}.cta-button.secondary{background:transparent;color:#1a237e;border:2px solid #1a237e}.cta-button.secondary:hover{background:#1a237e;color:#fff;transform:translateY(-3px)}.cta-button.tertiary{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;box-shadow:0 4px 15px #4caf504d}.cta-button.tertiary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf5066}.cta-button.large{padding:1.25rem 2.5rem;font-size:1.2rem}.hero-image img{width:100%;border-radius:15px;box-shadow:0 10px 30px #0003}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:#1a237e;font-size:2.5rem;margin-bottom:1rem;font-weight:700}.section-header p{color:#666;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.features-section{padding:4rem 2rem;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:20px;text-align:center;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#1a237e,#3949ab);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026;border-color:#1a237e1a}.feature-highlight{display:inline-block;background:linear-gradient(135deg,#ffeb3b,#ffd600);color:#1a237e;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-top:1rem;box-shadow:0 4px 15px #ffeb3b4d}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1a237e;margin-bottom:1rem}.test-categories-preview{padding:2rem 1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.category-card{background:#fff;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.category-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#ffeb3b,#ffd600);color:#1a237e;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #ffeb3b4d}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#1a237e,#3949ab);transform:scaleX(0);transition:transform .3s ease}.category-card:hover:before{transform:scaleX(1)}.category-card.hst{border-top-color:#2196f3}.category-card.jst{border-top-color:#9c27b0}.category-card.pst{border-top-color:#ff5722}.category-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026;border-color:#1a237e1a}.category-stats{display:flex;align-items:center;gap:.5rem;margin:1rem 0;font-size:.9rem;color:#666;font-weight:500}.category-icon{font-size:3rem;margin-bottom:1rem}.category-card h3{color:#1a237e;margin-bottom:1rem}.category-card ul{list-style:none;margin:1rem 0}.category-card li{padding:.5rem 0;border-bottom:1px solid #eee}.category-card li:before{content:"✓";color:#4caf50;font-weight:700;margin-right:.5rem}.category-link{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;text-decoration:none;border-radius:25px;margin-top:1rem;transition:all .3s ease}.category-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1a237e4d}.testimonials-section{padding:4rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;border:2px solid transparent}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026;border-color:#1a237e1a}.testimonial-content{position:relative;margin-bottom:1.5rem}.quote-icon{font-size:2rem;margin-bottom:1rem;opacity:.7}.testimonial-content p{color:#666;line-height:1.6;font-style:italic;margin:0}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{font-size:2.5rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.author-info h4{color:#1a237e;margin:0 0 .25rem;font-size:1.1rem}.author-info span{color:#666;font-size:.9rem}.cta-section{padding:6rem 3rem;background:linear-gradient(135deg,#1a237e,#3949ab,#5c6bc0);color:#fff;text-align:center;margin:3rem 2rem;border-radius:30px;position:relative;overflow:hidden;box-shadow:0 20px 60px #1a237e4d}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.cta-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%);animation:shimmer 8s infinite linear;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(0)}to{transform:translate(100%) translateY(100%) rotate(360deg)}}.cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.cta-content h2{font-size:3.5rem;margin-bottom:1.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#ffeb3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.1);line-height:1.2}.cta-content p{font-size:1.4rem;margin-bottom:3rem;opacity:.95;line-height:1.6;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.cta-section .cta-button{padding:1.5rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;text-decoration:none;transition:all .4s ease;position:relative;overflow:hidden;min-width:200px;box-shadow:0 8px 25px #0003}.cta-section .cta-button.primary{background:linear-gradient(135deg,#ffeb3b,#ffd600);color:#1a237e;border:3px solid #ffeb3b}.cta-section .cta-button.primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #ffeb3b66;border-color:#fff}.cta-section .cta-button.secondary{background:transparent;color:#fff;border:3px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-section .cta-button.secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #fff3}.cta-section .btn-icon{font-size:1.5rem;margin-right:.75rem;transition:transform .3s ease}.cta-section .cta-button:hover .btn-icon{transform:scale(1.2) rotate(5deg)}.cta-section:before{content:"🚀";position:absolute;top:10%;left:10%;font-size:3rem;opacity:.1;animation:float 6s ease-in-out infinite}.cta-section:after{content:"🎯";position:absolute;top:20%;right:15%;font-size:2.5rem;opacity:.1;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.latest-updates{padding:4rem 2rem;background:#fff}.updates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.update-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 8px 25px #0000001a;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.update-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #4caf504d}.update-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#1a237e,#3949ab);transform:scaleY(0);transition:transform .3s ease}.update-card:hover:before{transform:scaleY(1)}.update-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026;border-color:#1a237e1a}.update-link{display:inline-block;color:#1a237e;text-decoration:none;font-weight:600;margin-top:1rem;transition:all .3s ease}.update-link:hover{color:#3949ab;transform:translate(5px)}.update-date{color:#666;font-size:.9rem;margin-bottom:.5rem}.update-card h4{color:#1a237e;margin-bottom:1rem}.mock-tests{padding:3rem 2rem;background:#fff}.test-categories{margin-top:3rem}.category{margin-bottom:4rem}.category h3{color:#1a237e;font-size:1.8rem;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:3px solid #1a237e}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.test-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease;border:1px solid #eee}.test-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.test-header h4{color:#1a237e;font-size:1.2rem;margin:0;flex:1}.difficulty{padding:.25rem .75rem;border-radius:15px;color:#fff;font-size:.8rem;font-weight:700;margin-left:1rem}.test-meta{display:flex;gap:1rem;margin:1rem 0;font-size:.9rem;color:#666}.start-test-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-test-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1a237e4d}.test-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:15px;margin-bottom:2rem}.test-info{display:flex;justify-content:space-between;font-size:1.1rem;color:#666}.question-container{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:2rem}.question-container h3{color:#1a237e;margin-bottom:2rem;font-size:1.3rem}.options{display:grid;gap:1rem}.option-btn{padding:1rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.option-btn:hover{border-color:#1a237e;background:#f8f9fa;transform:translate(5px)}.back-btn,.retry-btn{padding:1rem 2rem;background:linear-gradient(135deg,#666,#999);color:#fff;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.back-btn:hover,.retry-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.results{text-align:center;padding:3rem}.score-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:3rem;border-radius:20px;margin:2rem 0}.score-display h3{color:#1a237e;font-size:2rem;margin-bottom:1rem}.percentage{font-size:4rem;font-weight:700;color:#1a237e;margin:1rem 0}.grade{font-size:1.5rem;color:#4caf50;font-weight:700}.about{padding:3rem 2rem;background:#fff}.about-header{text-align:center;margin-bottom:4rem}.profile-section{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:center;margin-top:3rem}.profile-image img{width:200px;height:200px;border-radius:50%;box-shadow:0 10px 30px #0003}.profile-info h3{color:#1a237e;margin-bottom:1rem;text-align:left}.expertise{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.expertise span{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.mission-section,.youtube-section,.services-section,.contact-section{margin:4rem 0;padding:3rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px}.youtube-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin:2rem 0}.stat-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px #0000001a}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:#1a237e}.stat-label{color:#666;font-size:.9rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.service-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.service-card:hover{transform:translateY(-10px)}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h4{color:#1a237e;margin-bottom:1rem}.contact-info{display:grid;gap:1rem;margin-top:2rem}.contact-item{display:flex;justify-content:space-between;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.youtube-courses{padding:3rem 2rem;background:#fff}.featured-videos,.playlists-section,.youtube-embed,.subscribe-section{margin:4rem 0}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.video-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.video-card:hover{transform:translateY(-10px)}.video-thumbnail{position:relative}.video-thumbnail img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.video-duration{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:5px;font-size:.8rem}.video-info{padding:1.5rem}.video-info h4{color:#1a237e;margin-bottom:.5rem}.video-meta{display:flex;justify-content:space-between;margin-top:1rem;font-size:.9rem;color:#666}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.playlist-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.playlist-card:hover{transform:translateY(-10px)}.playlist-thumbnail{position:relative}.playlist-thumbnail img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.playlist-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.playlist-card:hover .playlist-overlay{opacity:1}.playlist-overlay span{font-size:3rem;color:#fff}.playlist-info{padding:1.5rem}.playlist-info h4{color:#1a237e;margin-bottom:.5rem}.playlist-meta{margin:1rem 0;font-size:.9rem;color:#666}.watch-playlist-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.watch-playlist-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1a237e4d}.embed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.embed-item{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.embed-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.embed-item h4{color:#1a237e;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.embed-item iframe{border-radius:10px;box-shadow:0 5px 15px #0000001a;width:100%;height:250px}.video-description{margin:1rem 0;color:#666;font-size:.9rem;line-height:1.5}.video-category-badge{display:inline-block;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:700;margin-top:.5rem}.subscribe-info{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;flex-wrap:wrap;gap:2rem}.channel-stats{display:flex;gap:2rem;flex-wrap:wrap}.channel-stats span{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:600}.subscribe-btn{padding:1rem 2rem;background:red;color:#fff;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff00004d}@media (min-width: 1477px){.content-wrapper{max-width:100vw;width:100%;padding:2rem 3rem}section{max-width:100vw;width:100%;padding:3rem}.hero-section{max-width:calc(100vw - 6rem);width:100%;margin:2rem 3rem}}@media (min-width: 1920px){.content-wrapper{padding:2rem 4rem;max-width:100vw;width:100%}section{padding:3rem 4rem;max-width:100vw;width:100%}.hero-section{margin:2rem 4rem;max-width:calc(100vw - 8rem);width:100%}}@media (max-width: 1024px){.content-wrapper{grid-template-columns:1fr;gap:1rem}.contact-grid{grid-template-columns:1fr;gap:3rem}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding:2rem 1rem}.footer-bottom-content{flex-direction:column;text-align:center;gap:1rem}.sidebar{position:static;order:-1}.hero-section{grid-template-columns:1fr;text-align:center}.hero-header,.hero-content h1{text-align:center}.hero-video{max-width:500px;margin:0 auto}.hero-stats,.hero-buttons{justify-content:center}.profile-section{grid-template-columns:1fr;text-align:center}.profile-info h3{text-align:center}.expertise{justify-content:center}.subscribe-info{flex-direction:column;text-align:center}}@media (max-width: 768px){section{padding:2rem 1rem}.footer-grid{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.filter-controls{flex-direction:column;gap:1rem}.stats-section{grid-template-columns:repeat(2,1fr);gap:1rem}.materials-grid{grid-template-columns:1fr}.material-footer{flex-direction:column;align-items:stretch}.how-to-grid{grid-template-columns:1fr}.footer-section{text-align:center}.social-links,.contact-item{justify-content:center}.hero-section{margin:1rem 0rem;padding:2rem 1rem}section h1{font-size:2rem}section h2{font-size:1.5rem}.hero-stats{flex-direction:column;gap:1rem}.hero-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}.features-grid,.categories-grid,.updates-grid,.test-grid,.video-grid,.playlists-grid{grid-template-columns:1fr}.test-header{flex-direction:column;gap:1rem}.test-meta{flex-direction:column;gap:.5rem}.channel-stats{flex-direction:column;gap:1rem}.contact-item{flex-direction:column;gap:.5rem;text-align:center}.embed-grid{grid-template-columns:1fr;gap:1.5rem}.embed-item{padding:1rem}}@media (max-width: 480px){.navbar{padding:.75rem 1rem}.navbar-logo a{font-size:1.5rem}section{padding:1.5rem .5rem}.hero-section{margin:.5rem 0rem;padding:1.5rem 1rem}section h1{font-size:1.8rem}.test-card,.video-card,.playlist-card{margin:0 .5rem}}.contact-us{padding:3rem 2rem;background:#fff}.contact-content{max-width:1200px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}.contact-info-section h2,.contact-form-section h2{color:#1a237e;margin-bottom:1.5rem;font-size:1.8rem}.contact-info-section p{color:#666;margin-bottom:2rem;line-height:1.6}.contact-methods{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.contact-method{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;transition:transform .3s ease}.contact-method:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.contact-icon{font-size:2rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-details h4{color:#1a237e;margin-bottom:.5rem;font-size:1.2rem}.contact-details p{color:#666;margin:.25rem 0;font-size:.95rem}.social-links h3{color:#1a237e;margin-bottom:1.5rem;font-size:1.5rem}.social-icons{display:flex;gap:1rem;flex-wrap:wrap}.social-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border:2px solid #e0e0e0;border-radius:15px;text-decoration:none;color:#333;transition:all .3s ease;min-width:100px}.social-icon:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;color:#1a237e}.social-icon.youtube:hover{border-color:red;color:red}.social-icon.facebook:hover{border-color:#1877f2;color:#1877f2}.social-icon.instagram:hover{border-color:#e4405f;color:#e4405f}.social-icon.twitter:hover{border-color:#1da1f2;color:#1da1f2}.social-icon span:first-child{font-size:1.5rem}.social-icon span:last-child{font-size:.9rem;font-weight:600}.contact-form{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #0000001a}.form-group label{display:block;margin-bottom:.5rem;color:#1a237e;font-weight:600;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1a237e4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border-radius:10px;text-align:center;font-weight:600}.error-message{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#f44336,#e57373);color:#fff;border-radius:10px;text-align:center;font-weight:600}.faq-section{margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px}.faq-section h2{color:#1a237e;text-align:center;margin-bottom:3rem;font-size:2rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.faq-item{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.faq-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.faq-item h4{color:#1a237e;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.faq-item p{color:#666;line-height:1.6;margin:0}.notes-papers{padding:3rem 2rem;background:#fff}.search-filter-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:15px;margin-bottom:3rem;box-shadow:0 5px 20px #0000001a}.search-box{position:relative;margin-bottom:2rem}.search-input{width:100%;padding:1rem 3rem 1rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#666}.filter-controls{display:flex;gap:2rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#1a237e;font-size:.9rem}.filter-select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .3s ease;min-width:150px}.filter-select:focus{outline:none;border-color:#1a237e}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.stat-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.stat-icon{font-size:2.5rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-info h3{color:#1a237e;font-size:1.8rem;margin:0;font-weight:700}.stat-info p{color:#666;margin:0;font-size:.9rem}.materials-section{margin-bottom:4rem}.materials-header{text-align:center;margin-bottom:3rem}.materials-header h2{color:#1a237e;font-size:2rem;margin-bottom:1rem}.materials-header p{color:#666;font-size:1.1rem}.materials-info{margin-top:1rem}.materials-info span{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.material-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.material-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026;border-color:#1a237e}.material-header{display:flex;gap:1rem;margin-bottom:1.5rem}.material-type{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.material-info h3{color:#1a237e;margin:0 0 .5rem;font-size:1.2rem;line-height:1.4}.material-meta{display:flex;gap:.5rem;flex-wrap:wrap}.subject-badge,.year-badge,.type-badge{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:capitalize}.subject-badge{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff}.year-badge{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}.type-badge{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.material-description{margin-bottom:1.5rem}.material-description p{color:#666;line-height:1.6;margin:0}.material-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.material-stats{display:flex;gap:1rem;font-size:.9rem;color:#666}.download-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.download-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1a237e4d}.no-results{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px}.no-results-icon{font-size:4rem;margin-bottom:1rem}.no-results h3{color:#1a237e;margin-bottom:1rem}.no-results p{color:#666}.how-to-use-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:3rem;border-radius:20px;margin-top:4rem}.how-to-use-section h2{color:#1a237e;text-align:center;margin-bottom:3rem;font-size:2rem}.how-to-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.how-to-item{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.how-to-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.how-to-icon{font-size:3rem;margin-bottom:1rem}.how-to-item h4{color:#1a237e;margin-bottom:1rem;font-size:1.2rem}.how-to-item p{color:#666;line-height:1.6;margin:0}.footer{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;margin-top:4rem;padding:0}.footer-content{max-width:1200px;margin:0 auto;padding:0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;padding:3rem 2rem}.footer-section h3,.footer-section h4{color:#ffeb3b;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.footer-section h3{font-size:1.8rem;margin-bottom:1rem}.footer-logo p{color:#e3f2fd;line-height:1.6;margin-bottom:2rem}.footer-social h4{margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#ffffff1a;border-radius:50%;text-decoration:none;color:#fff;font-size:1.2rem;transition:all .3s ease}.social-link:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.social-link.youtube:hover{background:red}.social-link.facebook:hover{background:#1877f2}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link.twitter:hover{background:#1da1f2}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#e3f2fd;text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-links a:hover{color:#ffeb3b;text-decoration:underline}.footer .contact-info{display:flex;flex-direction:column;gap:1rem}.footer .contact-item{display:flex;align-items:flex-start;gap:.75rem;background:#ffffff14;padding:1rem 1.2rem;border-radius:10px;box-shadow:0 2px 8px #1a237e14;transition:background .3s}.footer .contact-item:hover{background:#ffffff26}.footer .contact-icon{font-size:1.3rem;background:linear-gradient(135deg,#ffeb3b,#ffd600);color:#1a237e;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #ffeb3b26}.footer .contact-item p{color:#fffde7;margin:.25rem 0;font-size:1rem;line-height:1.4;font-weight:500}.footer-bottom{background:#0003;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright p{color:#e3f2fd;margin:0;font-size:.9rem}.footer-bottom-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-bottom-links a{color:#e3f2fd;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#ffeb3b;text-decoration:underline}.admin-dashboard{min-height:100vh;background:#f8fafc}.admin-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0}.admin-container{max-width:1400px;margin:0 auto;padding:0 2rem}.admin-layout{display:flex;gap:2rem;padding:2rem 0}.admin-main{flex:1}.admin-nav{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#64748b;text-decoration:none;transition:all .3s ease;margin-bottom:.5rem}.admin-nav-item:hover,.admin-nav-item.active{background:#f1f5f9;color:#1e293b}.admin-nav-item.active{background:#3b82f6;color:#fff}.admin-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.blue{background:#3b82f6}.stat-icon.green{background:#10b981}.stat-icon.purple{background:#8b5cf6}.stat-icon.orange{background:#f59e0b}.stat-value{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.stat-label{color:#64748b;font-size:.875rem}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.admin-table th{background:#f8fafc;font-weight:600;color:#374151}.admin-table tr:hover{background:#f8fafc}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.draft{background:#fef3c7;color:#92400e}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.5rem;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease}.action-btn.view{background:#dbeafe;color:#1d4ed8}.action-btn.edit{background:#dcfce7;color:#166534}.action-btn.delete{background:#fee2e2;color:#dc2626}.action-btn:hover{transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-title{font-size:1.25rem;font-weight:600;color:#1e293b;text-transform:capitalize}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:#64748b;transition:all .3s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;color:#374151}.btn-secondary:hover{background:#e2e8f0}@media (max-width: 1024px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%}.admin-nav{display:flex;overflow-x:auto;gap:1rem}.admin-nav-item{white-space:nowrap;margin-bottom:0}}@media (max-width: 768px){.admin-container{padding:0 1rem}.admin-stats,.form-row{grid-template-columns:1fr}.admin-table{font-size:.875rem}.admin-table th,.admin-table td{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.interactive-card{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.interactive-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001a}.progress-bar{transition:width 1s cubic-bezier(.4,0,.2,1)}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.scale-on-hover{transition:transform .2s ease}.scale-on-hover:hover{transform:scale(1.05)}.rotate-on-hover{transition:transform .3s ease}.rotate-on-hover:hover{transform:rotate(180deg)}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.notification-badge{animation:pulse 2s infinite}.real-time-indicator{animation:pulse 1.5s infinite}.chart-bar{transition:height .8s cubic-bezier(.4,0,.2,1)}.chart-line{transition:stroke-dasharray 1s ease}.btn-interactive{position:relative;overflow:hidden;transition:all .3s ease}.btn-interactive:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-interactive:hover:before{width:300px;height:300px}.card-expandable{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-expandable.expanded{transform:scale(1.02);box-shadow:0 12px 30px #00000026}.status-indicator{position:relative}.status-indicator:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}.tooltip{opacity:0;transform:translateY(10px);transition:all .3s ease}.tooltip.show{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.admin-header{display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 32px;box-shadow:0 2px 8px #3b82f60a;position:sticky;top:0;z-index:10}.admin-title{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#2d3748;letter-spacing:.5px}.admin-profile{display:flex;align-items:center;gap:14px;background:#f8fafc;padding:6px 16px 6px 10px;border-radius:24px;box-shadow:0 1px 4px #3b82f60f}.admin-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #3b82f6;margin-right:6px}.admin-profile span{font-size:1rem;font-weight:500;color:#374151;margin-right:8px}.admin-logout-btn{background:none;border:none;color:#64748b;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s,color .2s}.admin-logout-btn:hover{background:#e0e7ef;color:#dc2626}.dashboard-grid{display:flex;flex-direction:column;gap:32px;padding:32px 0}.dashboard-card{background:#fff;border-radius:18px;box-shadow:0 2px 12px #3b82f612;padding:32px;margin-bottom:0;border:1px solid #e5e7eb}.dashboard-welcome{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 24px #3b82f61a;border:none}.dashboard-welcome-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.dashboard-welcome h1{font-size:2.2rem;font-weight:700;margin-bottom:8px}.dashboard-welcome p{font-size:1.1rem;opacity:.95}.dashboard-date{text-align:right;font-size:1.1rem;font-weight:500;opacity:.9}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;background:none;box-shadow:none;padding:0;border:none}.dashboard-stat{background:#f8fafc;border-radius:14px;padding:24px 18px;display:flex;align-items:center;gap:18px;box-shadow:0 1px 4px #3b82f60a;border:1px solid #e5e7eb}.dashboard-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.dashboard-stat-icon-blue{background:#dbeafe;color:#2563eb}.dashboard-stat-icon-green{background:#bbf7d0;color:#059669}.dashboard-stat-icon-purple{background:#ede9fe;color:#7c3aed}.dashboard-stat-icon-orange{background:#fef3c7;color:#ea580c}.dashboard-stat-info{flex:1}.dashboard-stat-value{font-size:1.7rem;font-weight:700;color:#1e293b}.dashboard-stat-title{font-size:1.1rem;color:#64748b;font-weight:500}.dashboard-stat-desc{font-size:.95rem;color:#94a3b8;margin-bottom:4px}.dashboard-stat-change{font-size:.95rem;font-weight:600;margin-top:2px;display:inline-block}.dashboard-stat-change.increase{color:#059669}.dashboard-stat-change.decrease{color:#dc2626}.dashboard-main-content{display:grid;grid-template-columns:2fr 1fr;gap:32px;background:none;box-shadow:none;padding:0;border:none}.dashboard-activity{padding:24px 18px}.dashboard-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dashboard-activity-header h3{font-size:1.2rem;font-weight:700;color:#1e293b}.dashboard-activity-header button{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:6px 18px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.dashboard-activity-header button:hover{background:#2563eb}.dashboard-activity-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-activity-item{background:#f8fafc;border-radius:10px;padding:16px 14px;display:flex;align-items:flex-start;gap:14px;border:1px solid #e5e7eb;box-shadow:0 1px 4px #3b82f60a}.dashboard-activity-icon{width:38px;height:38px;border-radius:8px;background:#e0e7ef;margin-right:8px}.dashboard-activity-icon-test{background:#bbf7d0}.dashboard-activity-icon-payment{background:#dbeafe}.dashboard-activity-icon-course{background:#ede9fe}.dashboard-activity-icon-student{background:#fef3c7}.dashboard-activity-info h4{font-size:1.05rem;font-weight:600;color:#1e293b;margin-bottom:2px}.dashboard-activity-info p{font-size:1rem;color:#334155;margin-bottom:4px}.dashboard-activity-meta{font-size:.95rem;color:#64748b;display:flex;gap:6px}.dashboard-top-tests{padding:24px 18px}.dashboard-top-tests-list{display:flex;flex-direction:column;gap:16px}.dashboard-top-test-item{background:#f8fafc;border-radius:10px;padding:14px 12px;border:1px solid #e5e7eb;box-shadow:0 1px 4px #3b82f60a}.dashboard-top-test-header{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:600;color:#1e293b;margin-bottom:4px}.dashboard-top-test-stats{font-size:.98rem;color:#64748b;display:flex;gap:18px}.dashboard-actions{padding:24px 18px}.dashboard-actions-list{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.dashboard-actions-list button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.dashboard-actions-list button:hover{background:#2563eb}@media (max-width: 1100px){.dashboard-main-content,.dashboard-activity-list{grid-template-columns:1fr}}@media (max-width: 700px){.dashboard-grid{padding:12px 0;gap:18px}.dashboard-card{padding:14px}.dashboard-stats{gap:10px}.dashboard-main-content{gap:14px}.dashboard-actions-list{gap:8px}}.admin-container{max-width:1400px;margin:0 auto;padding:0 24px}.admin-layout{display:flex;gap:32px;margin-top:24px}.admin-sidebar{width:280px;flex-shrink:0}.admin-nav{background:#fff;border-radius:16px;padding:20px 16px;box-shadow:0 2px 12px #3b82f612;border:1px solid #e5e7eb}.admin-nav-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:12px;border:none;background:none;color:#64748b;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:4px;text-align:left}.admin-nav-item:hover{background:#f1f5f9;color:#1e293b;transform:translate(4px)}.admin-nav-item-active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.admin-nav-item svg{width:20px;height:20px;flex-shrink:0}.admin-main{flex:1;min-width:0}.mock-test-manager{padding:24px;background:#f8fafc;min-height:100vh}.mock-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mock-test-header h3{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 4px}.mock-test-header p{font-size:14px;color:#64748b;margin:0}.mock-test-create-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.mock-test-create-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.mock-test-create-btn svg{width:16px;height:16px}.mock-test-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.mock-test-stat{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.mock-test-stat:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.mock-test-stat svg{width:32px;height:32px;color:#3b82f6}.mock-test-stat:nth-child(2) svg{color:#10b981}.mock-test-stat:nth-child(3) svg{color:#8b5cf6}.mock-test-stat:nth-child(4) svg{color:#f59e0b}.mock-test-stat p:first-of-type{font-size:14px;font-weight:500;color:#64748b;margin:0 0 4px}.mock-test-stat p:last-of-type{font-size:24px;font-weight:600;color:#1e293b;margin:0}.mock-test-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.mock-test-table table{width:100%;border-collapse:collapse}.mock-test-table th{background:#f8fafc;padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.mock-test-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;vertical-align:top}.mock-test-table tr:hover{background:#f8fafc}.mock-test-table tr:last-child td{border-bottom:none}.mock-test-category{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#dbeafe;color:#1e40af}.mock-test-status{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.mock-test-status svg{width:12px;height:12px}.mock-test-status-active{background:#dcfce7;color:#166534}.mock-test-status-inactive{background:#fee2e2;color:#991b1b}.mock-test-status-draft{background:#fef3c7;color:#92400e}.mock-test-table td>div>div{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;color:#374151}.mock-test-table td>div>div:last-child{margin-bottom:0}.mock-test-table td>div>div svg{width:16px;height:16px;color:#9ca3af}.mock-test-actions{display:flex;gap:8px}.mock-test-action-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.mock-test-action-btn svg{width:16px;height:16px}.mock-test-edit-btn{color:#3b82f6}.mock-test-edit-btn:hover{background:#eff6ff;color:#1d4ed8}.mock-test-delete-btn{color:#ef4444}.mock-test-delete-btn:hover{background:#fef2f2;color:#dc2626}.mock-test-view-btn{color:#10b981}.mock-test-view-btn:hover{background:#f0fdf4;color:#059669}.mock-test-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.mock-test-modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.mock-test-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.mock-test-modal-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.mock-test-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.mock-test-modal-close:hover{color:#6b7280;background:#f3f4f6}.mock-test-modal-close svg{width:24px;height:24px}.mock-test-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.mock-test-form-section{display:flex;flex-direction:column;gap:16px}.mock-test-form-section h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.mock-test-form-group{display:flex;flex-direction:column;gap:6px}.mock-test-form-group label{font-size:14px;font-weight:500;color:#374151}.mock-test-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.mock-test-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mock-test-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.mock-test-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mock-test-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:32px;text-align:center;transition:all .2s ease;cursor:pointer}.mock-test-upload-area:hover{border-color:#3b82f6;background:#f8fafc}.mock-test-file-input{display:none}.mock-test-upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.mock-test-upload-label svg{width:48px;height:48px;color:#9ca3af}.mock-test-upload-label h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.mock-test-upload-label p:first-of-type{font-size:14px;color:#6b7280;margin:0}.mock-test-upload-label p:last-of-type{font-size:12px;color:#9ca3af;margin:0}.mock-test-processing{text-align:center;padding:16px}.mock-test-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mock-test-processing p{font-size:14px;color:#6b7280;margin:0}.mock-test-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.mock-test-success svg{width:20px;height:20px;color:#16a34a}.mock-test-success span{font-weight:600;color:#15803d}.mock-test-success p{font-size:14px;color:#166534;margin:0}.mock-test-csv-example{background:#f9fafb;border-radius:8px;padding:16px}.mock-test-csv-example h5{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 8px}.mock-test-csv-example div{font-size:12px;font-family:Courier New,monospace;color:#6b7280;background:#fff;padding:8px;border-radius:4px;border:1px solid #e5e7eb;line-height:1.4}.mock-test-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}.mock-test-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.mock-test-btn:disabled{opacity:.5;cursor:not-allowed}.mock-test-btn-primary{background:#3b82f6;color:#fff}.mock-test-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.mock-test-btn-secondary{background:#f3f4f6;color:#374151}.mock-test-btn-secondary:hover{background:#e5e7eb}@media (max-width: 768px){.mock-test-manager{padding:16px}.mock-test-header{flex-direction:column;align-items:flex-start;gap:16px}.mock-test-stats,.mock-test-form-grid,.mock-test-form-row{grid-template-columns:1fr}.mock-test-table{overflow-x:auto}.mock-test-modal{margin:16px;max-width:none}}.youtube-manager{padding:24px;background:#f8fafc;min-height:100vh}.youtube-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.youtube-header h3{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 4px}.youtube-header p{font-size:14px;color:#64748b;margin:0}.youtube-add-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.youtube-add-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.youtube-add-btn svg{width:16px;height:16px}.youtube-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.youtube-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.youtube-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000026}.youtube-thumbnail{position:relative;height:180px;overflow:hidden}.youtube-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.youtube-category-badge{position:absolute;top:12px;left:12px;background:#3b82f6;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.youtube-difficulty-badge{position:absolute;top:12px;right:12px;background:#10b981;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.youtube-duration{position:absolute;bottom:12px;right:12px;background:#000000bf;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.youtube-play-overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.youtube-play-overlay svg{width:48px;height:48px;color:#fff;opacity:0;transition:opacity .3s ease}.youtube-card:hover .youtube-play-overlay{background:#0003}.youtube-card:hover .youtube-play-overlay svg{opacity:1}.youtube-content{padding:16px}.youtube-content h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-content p{font-size:14px;color:#64748b;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.youtube-tag{background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:4px;font-size:12px}.youtube-tag-more{color:#9ca3af;font-size:12px;align-self:center}.youtube-footer{display:flex;justify-content:space-between;align-items:center}.youtube-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.youtube-status-active{background:#dcfce7;color:#166534}.youtube-status-inactive{background:#fee2e2;color:#991b1b}.youtube-actions{display:flex;gap:8px}.youtube-action-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.youtube-action-btn svg{width:16px;height:16px}.youtube-external-btn{color:#3b82f6}.youtube-external-btn:hover{background:#eff6ff;color:#1d4ed8}.youtube-edit-btn{color:#10b981}.youtube-edit-btn:hover{background:#f0fdf4;color:#059669}.youtube-delete-btn{color:#ef4444}.youtube-delete-btn:hover{background:#fef2f2;color:#dc2626}.youtube-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.youtube-modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.youtube-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.youtube-modal-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.youtube-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.youtube-modal-close:hover{color:#6b7280;background:#f3f4f6}.youtube-modal-close svg{width:24px;height:24px}.youtube-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.youtube-form-group{display:flex;flex-direction:column;gap:6px}.youtube-form-group label{font-size:14px;font-weight:500;color:#374151}.youtube-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.youtube-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.youtube-form-group p{font-size:12px;color:#6b7280;margin:0}.youtube-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.youtube-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}.youtube-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;gap:8px}.youtube-btn-primary{background:#8b5cf6;color:#fff}.youtube-btn-primary:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.youtube-btn-secondary{background:#f3f4f6;color:#374151}.youtube-btn-secondary:hover{background:#e5e7eb}.materials-manager{padding:24px;background:#f8fafc;min-height:100vh}.materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.materials-header h3{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 4px}.materials-header p{font-size:14px;color:#64748b;margin:0}.materials-add-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.materials-add-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.materials-add-btn svg{width:16px;height:16px}.materials-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.materials-table table{width:100%;border-collapse:collapse}.materials-table th{background:#f8fafc;padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.materials-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;vertical-align:top}.materials-table tr:hover{background:#f8fafc}.materials-table tr:last-child td{border-bottom:none}.materials-category{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.materials-category-notes{background:#dbeafe;color:#1e40af}.materials-category-past-papers{background:#dcfce7;color:#166534}.materials-category-syllabus{background:#ede9fe;color:#7c3aed}.materials-category-practice-questions{background:#fef3c7;color:#92400e}.materials-subject{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.materials-subject-mathematics{background:#e0e7ff;color:#3730a3}.materials-subject-physics{background:#fee2e2;color:#991b1b}.materials-subject-chemistry{background:#fef3c7;color:#92400e}.materials-subject-biology{background:#dcfce7;color:#166534}.materials-subject-computer-science{background:#ede9fe;color:#7c3aed}.materials-subject-english{background:#fce7f3;color:#be185d}.materials-subject-general{background:#f3f4f6;color:#374151}.materials-table td>div>div{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;color:#374151}.materials-table td>div>div:last-child{margin-bottom:0}.materials-table td>div>div svg{width:16px;height:16px;color:#9ca3af}.materials-status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.materials-status-active{background:#dcfce7;color:#166534}.materials-status-inactive{background:#fee2e2;color:#991b1b}.materials-actions{display:flex;gap:8px}.materials-action-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.materials-action-btn svg{width:16px;height:16px}.materials-view-btn{color:#3b82f6}.materials-view-btn:hover{background:#eff6ff;color:#1d4ed8}.materials-edit-btn{color:#10b981}.materials-edit-btn:hover{background:#f0fdf4;color:#059669}.materials-delete-btn{color:#ef4444}.materials-delete-btn:hover{background:#fef2f2;color:#dc2626}.materials-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.materials-modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.materials-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.materials-modal-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.materials-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.materials-modal-close:hover{color:#6b7280;background:#f3f4f6}.materials-modal-close svg{width:24px;height:24px}.materials-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.materials-form-group{display:flex;flex-direction:column;gap:6px}.materials-form-group label{font-size:14px;font-weight:500;color:#374151}.materials-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.materials-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.materials-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.materials-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:32px;text-align:center;transition:all .2s ease;cursor:pointer}.materials-upload-area:hover{border-color:#f59e0b;background:#f8fafc}.materials-file-input{display:none}.materials-upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.materials-upload-label svg{width:48px;height:48px;color:#9ca3af}.materials-upload-label h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.materials-upload-label p{font-size:14px;color:#6b7280;margin:0}.materials-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}.materials-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;gap:8px}.materials-btn-primary{background:#f59e0b;color:#fff}.materials-btn-primary:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.materials-btn-secondary{background:#f3f4f6;color:#374151}.materials-btn-secondary:hover{background:#e5e7eb}.student-manager{padding:24px;background:#f8fafc;min-height:100vh}.student-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.student-header h3{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 4px}.student-header p{font-size:14px;color:#64748b;margin:0}.student-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.student-stat{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.student-stat:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.student-stat svg{width:32px;height:32px;color:#3b82f6}.student-stat:nth-child(2) svg{color:#10b981}.student-stat:nth-child(3) svg{color:#ef4444}.student-stat:nth-child(4) svg{color:#10b981}.student-stat:nth-child(5) svg{color:#f59e0b}.student-stat:nth-child(6) svg{color:#ef4444}.student-stat p:first-of-type{font-size:14px;font-weight:500;color:#64748b;margin:0 0 4px}.student-stat p:last-of-type{font-size:24px;font-weight:600;color:#1e293b;margin:0}.student-filters{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.student-search{position:relative;flex:1}.student-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af}.student-search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease}.student-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.student-filter-controls{display:flex;gap:16px;flex-wrap:wrap}.student-filter-group{display:flex;align-items:center;gap:8px}.student-filter-group label{font-size:14px;font-weight:500;color:#374151;white-space:nowrap}.student-filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.student-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.student-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.student-table table{width:100%;border-collapse:collapse}.student-table th{background:#f8fafc;padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.student-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;vertical-align:top}.student-table tr:hover{background:#f8fafc}.student-table tr:last-child td{border-bottom:none}.student-info{display:flex;align-items:center;gap:12px}.student-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.student-info div:first-of-type{font-size:14px;font-weight:500;color:#1e293b;margin-bottom:2px}.student-info div:last-of-type{font-size:12px;color:#64748b}.student-table td>div>div{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;color:#374151}.student-table td>div>div:last-child{margin-bottom:0}.student-table td>div>div svg{width:16px;height:16px;color:#9ca3af}.student-status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.student-status-active{background:#dcfce7;color:#166534}.student-status-inactive{background:#fee2e2;color:#991b1b}.student-payment-status{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.student-payment-status svg{width:12px;height:12px}.student-payment-verified{background:#dcfce7;color:#166534}.student-payment-pending{background:#fef3c7;color:#92400e}.student-payment-unverified{background:#fee2e2;color:#991b1b}.student-actions{display:flex;gap:8px}.student-action-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.student-action-btn svg{width:16px;height:16px}.student-view-btn{color:#3b82f6}.student-view-btn:hover{background:#eff6ff;color:#1d4ed8}.student-activate-btn{color:#10b981}.student-activate-btn:hover{background:#f0fdf4;color:#059669}.student-deactivate-btn{color:#f59e0b}.student-deactivate-btn:hover{background:#fef3c7;color:#92400e}.student-delete-btn{color:#ef4444}.student-delete-btn:hover{background:#fef2f2;color:#dc2626}.student-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.student-modal{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.student-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.student-modal-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.student-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.student-modal-close:hover{color:#6b7280;background:#f3f4f6}.student-modal-close svg{width:24px;height:24px}.student-modal-content{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.student-profile{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:8px}.student-profile-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.student-profile h4{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 4px}.student-profile p{font-size:14px;color:#64748b;margin:0}.student-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.student-detail-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px}.student-detail-item svg{width:20px;height:20px;color:#6b7280}.student-detail-item div{display:flex;flex-direction:column}.student-detail-item label{font-size:12px;font-weight:500;color:#64748b;margin-bottom:2px}.student-detail-item span{font-size:14px;color:#1e293b;font-weight:500}.student-payment-section{padding:20px;background:#f8fafc;border-radius:8px}.student-payment-section h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.student-payment-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.student-payment-status-large{margin-bottom:8px}.student-payment-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;text-transform:capitalize}.student-payment-badge svg{width:16px;height:16px}.student-payment-amount,.student-payment-method,.student-payment-date,.student-payment-expiry{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.student-payment-amount svg,.student-payment-date svg,.student-payment-expiry svg{width:16px;height:16px;color:#6b7280}.student-payment-actions{display:flex;gap:12px}.student-btn{padding:12px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;gap:8px}.student-btn-success{background:#10b981;color:#fff}.student-btn-success:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.student-btn-danger{background:#ef4444;color:#fff}.student-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.student-btn-secondary{background:#f3f4f6;color:#374151}.student-btn-secondary:hover{background:#e5e7eb}.student-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}@media (max-width: 768px){.youtube-manager,.materials-manager,.student-manager{padding:16px}.youtube-header,.materials-header,.student-header{flex-direction:column;align-items:flex-start;gap:16px}.youtube-grid{grid-template-columns:1fr}.student-stats{grid-template-columns:repeat(2,1fr)}.student-filter-controls{flex-direction:column;align-items:stretch}.student-details-grid,.youtube-form-row,.materials-form-row{grid-template-columns:1fr}.youtube-table,.materials-table,.student-table{overflow-x:auto}.youtube-modal,.materials-modal,.student-modal{margin:16px;max-width:none}}.toast-notification{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #0000001a}.toast-notification:hover{transform:translate(-5px);box-shadow:0 15px 35px #00000026}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-notification.removing{animation:slideOutRight .3s ease-in}.auth-file-upload{position:relative;display:flex;flex-direction:column;gap:.5rem}.auth-file-input{position:absolute;opacity:0;width:0;height:0}.auth-file-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px dashed #d1d5db;border-radius:.5rem;background-color:#f9fafb;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#6b7280}.auth-file-label:hover{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6}.auth-file-icon{width:1.25rem;height:1.25rem}.auth-file-preview{margin-top:.5rem;border-radius:.5rem;overflow:hidden;border:1px solid #e5e7eb}.auth-preview-image{width:100%;max-width:200px;height:auto;display:block}.auth-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{max-width:400px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;animation:slideInUp .6s ease-out}.auth-header{text-align:center;padding:2rem 2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-icon-svg{width:32px;height:32px;color:#fff}.auth-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:#fff}.auth-subtitle{color:#ffffffe6;font-size:1rem}.auth-form-container{padding:2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;animation:shake .5s ease-in-out}.auth-error-icon{width:20px;height:20px;color:#ef4444;flex-shrink:0}.auth-error-text{color:#dc2626;font-size:.875rem;font-weight:500}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-size:.875rem;font-weight:600;color:#374151}.auth-input-container{position:relative}.auth-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.auth-input-icon-svg{width:20px;height:20px;color:#9ca3af;transition:color .2s ease}.auth-input{width:100%;padding:12px 12px 12px 44px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fff}.auth-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.auth-input:focus+.auth-input-icon .auth-input-icon-svg{color:#667eea}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.auth-password-toggle:hover{background-color:#f3f4f6}.auth-password-toggle-icon{width:20px;height:20px;color:#9ca3af;transition:color .2s ease}.auth-password-toggle:hover .auth-password-toggle-icon{color:#6b7280}.auth-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.auth-submit-btn: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 ease}.auth-submit-btn:hover:before{left:100%}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-demo{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.auth-demo-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.auth-demo-content{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#6b7280}.auth-demo-content p{margin:0}.auth-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;animation:slideInUp .5s ease-out}.auth-success-icon{width:20px;height:20px;color:#16a34a;flex-shrink:0}.auth-success-text{color:#15803d;font-size:.875rem;font-weight:500}.auth-help-text{margin-top:.25rem;font-size:.75rem;color:#6b7280}.auth-terms{margin-top:1.5rem;text-align:center}.auth-terms-text{font-size:.75rem;color:#6b7280}.auth-links{margin-top:1.5rem;text-align:center}.auth-links-text{font-size:.875rem;color:#6b7280}.auth-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link:hover{color:#5a67d8;text-decoration:underline}.payment-verification-card{max-width:800px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;animation:slideInUp .6s ease-out}.payment-info-container{display:flex;flex-direction:column;gap:1.5rem}.payment-info-icon-svg{width:32px;height:32px;color:#fff}.payment-details-content{display:flex;flex-direction:column;gap:1rem}.payment-method-section{display:flex;flex-direction:column;gap:.5rem}.payment-method-label{font-size:.875rem;font-weight:600;color:#1e40af}.payment-warning-icon{width:20px;height:20px;color:#d97706;margin-top:.125rem}.payment-back-btn-icon{width:16px;height:16px}.registration-container{display:flex;flex-direction:column;gap:1.5rem}.registration-icon-svg{width:32px;height:32px;color:#fff}.registration-section-icon{width:20px;height:20px;color:#3b82f6}.upload-section{display:flex;flex-direction:column;gap:.75rem}.upload-label{font-size:.875rem;font-weight:600;color:#374151}.upload-file-input{display:none}.upload-placeholder,.upload-preview{display:flex;flex-direction:column;gap:.75rem}.upload-preview-image{position:relative;display:inline-block}.upload-preview-img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #0000001a}.upload-remove-icon{width:12px;height:12px}.upload-filename{font-size:.875rem;font-weight:600;color:#374151}.upload-hint{font-size:.75rem;color:#6b7280}.success-container{display:flex;flex-direction:column;gap:1.5rem}.success-icon-svg{width:32px;height:32px;color:#fff}.success-info-icon{width:20px;height:20px;color:#16a34a;margin-top:.125rem}.success-email-icon{width:20px;height:20px;color:#3b82f6;margin-top:.125rem}.success-warning-icon{width:20px;height:20px;color:#d97706;margin-top:.125rem}.payment-verification-content{padding:2rem}.payment-info-header{text-align:center;margin-bottom:2rem}.payment-info-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.payment-info-icon svg{width:32px;height:32px;color:#fff}.payment-info-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.payment-info-subtitle{color:#6b7280;font-size:1rem}.payment-details{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.payment-details h3{font-size:1.125rem;font-weight:600;color:#1e40af;margin-bottom:1rem}.payment-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.payment-method-btn{padding:1rem;border:2px solid #e5e7eb;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff}.payment-method-btn:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.payment-method-btn.selected{border-color:#10b981;background:#f0fdf4;color:#065f46;box-shadow:0 4px 12px #10b98133;transform:scale(1.02)}.payment-method-btn .method-name{font-weight:600;margin-bottom:.25rem}.payment-method-btn .method-desc{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.payment-method-btn .method-number{font-family:monospace;font-size:.875rem;font-weight:600}.payment-instructions{background:#fff;border-radius:8px;padding:1rem;border:1px solid #dbeafe;margin-bottom:1.5rem}.payment-instructions h4{font-weight:600;color:#1e40af;margin-bottom:.5rem}.payment-instructions ol{list-style:decimal;list-style-position:inside;color:#1e40af;font-size:.875rem}.payment-instructions li{margin-bottom:.25rem}.payment-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.payment-warning svg{width:20px;height:20px;color:#d97706;margin-top:.125rem}.payment-warning h4{font-weight:600;color:#92400e;margin-bottom:.25rem}.payment-warning p{font-size:.875rem;color:#92400e}.payment-actions{display:flex;justify-content:space-between;align-items:center}.payment-back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.payment-back-btn:hover{background:#e5e7eb;color:#374151}.payment-continue-btn{padding:.5rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.payment-continue-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.registration-header{text-align:center;margin-bottom:2rem}.registration-icon{width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.registration-icon svg{width:32px;height:32px;color:#fff}.registration-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.registration-subtitle{color:#6b7280;font-size:1rem}.registration-form{display:flex;flex-direction:column;gap:1.5rem}.registration-section{background:linear-gradient(135deg,#eff6ff,#e0e7ff);border-radius:12px;padding:1.5rem;border:1px solid #dbeafe}.registration-section h3{font-size:1.125rem;font-weight:600;color:#1e40af;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.registration-section h3 svg{width:20px;height:20px;color:#3b82f6}.registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease;background:#fff;cursor:pointer}.upload-area:hover{border-color:#9ca3af;background:#f9fafb}.upload-area.drag-active{border-color:#3b82f6;background:#eff6ff}.upload-area input{display:none}.upload-area label{cursor:pointer;display:block}.upload-preview{display:flex;flex-direction:column;gap:.75rem}.upload-preview img{border-radius:8px;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 12px #0000001a}.upload-remove-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.upload-remove-btn:hover{background:#dc2626}.upload-remove-btn svg{width:12px;height:12px}.upload-icon{width:40px;height:40px;color:#9ca3af;margin:0 auto .75rem}.upload-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.upload-desc{font-size:.75rem;color:#6b7280}.registration-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.registration-submit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.registration-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.registration-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.registration-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.success-header{text-align:center;margin-bottom:2rem}.success-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.success-icon svg{width:32px;height:32px;color:#fff}.success-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.success-subtitle{color:#6b7280;font-size:1rem}.success-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.success-info svg{width:20px;height:20px;color:#16a34a;margin-top:.125rem}.success-info h4{font-weight:600;color:#15803d;margin-bottom:.25rem}.success-info p{font-size:.875rem;color:#15803d}.success-email{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.success-email svg{width:20px;height:20px;color:#3b82f6;margin-top:.125rem}.success-email h4{font-weight:600;color:#1e40af;margin-bottom:.25rem}.success-email p{font-size:.875rem;color:#1e40af}.success-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:flex-start;gap:.75rem}.success-warning svg{width:20px;height:20px;color:#d97706;margin-top:.125rem}.success-warning h4{font-weight:600;color:#92400e;margin-bottom:.25rem}.success-warning p{font-size:.875rem;color:#92400e}.success-actions{display:flex;justify-content:center}.success-home-btn{padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.success-home-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}@media (max-width: 768px){.payment-verification-card{margin:1rem;max-width:none}.payment-verification-content{padding:.1rem}.payment-method-grid,.registration-grid{grid-template-columns:1fr}.payment-actions,.registration-actions{flex-direction:column;gap:1rem}.payment-actions>*,.registration-actions>*{width:100%;text-align:center}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 1820px){.admin-container{padding:1rem;max-width:100%;overflow-x:auto}.admin-layout{display:flex;flex-direction:column;gap:1rem}.admin-sidebar{width:100%;position:static;order:1}.admin-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.admin-nav-item{flex:0 0 auto;min-width:120px;text-align:center}.admin-main{order:2;width:100%;padding:0}.admin-content{padding:1rem;overflow-x:auto}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.dashboard-main-content{display:grid;grid-template-columns:1fr;gap:1rem}.student-manager{padding:1rem;overflow-x:auto}.student-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.student-filters{flex-direction:column;gap:1rem;align-items:stretch}.student-search{width:100%}.student-filter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.student-table{overflow-x:auto;margin-top:1rem}.student-table table{min-width:800px}.materials-manager{padding:1rem;overflow-x:auto}.materials-header{flex-direction:column;gap:1rem;align-items:stretch}.materials-add-btn{align-self:flex-start}.materials-table{overflow-x:auto;margin-top:1rem}.materials-table table{min-width:900px}.mock-test-manager{padding:1rem;overflow-x:auto}.mock-test-header{flex-direction:column;gap:1rem;align-items:stretch}.mock-test-create-btn{align-self:flex-start}.mock-test-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.mock-test-table{overflow-x:auto;margin-top:1rem}.mock-test-table table{min-width:800px}.youtube-manager{padding:1rem;overflow-x:auto}.youtube-header{flex-direction:column;gap:1rem;align-items:stretch}.youtube-add-btn{align-self:flex-start}.youtube-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.mock-test-modal,.youtube-modal,.materials-modal,.student-modal{width:95%;max-width:600px;margin:2rem auto;max-height:90vh;overflow-y:auto}.mock-test-form-grid,.youtube-form,.materials-form,.mock-test-form-row,.youtube-form-row,.materials-form-row{display:flex;flex-direction:column;gap:1rem}}@media (max-width: 1200px){.admin-nav-item{min-width:100px;font-size:.9rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.student-stats,.mock-test-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.youtube-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.admin-container{padding:.5rem}.admin-nav{flex-direction:column;align-items:stretch}.admin-nav-item{width:100%;min-width:auto}.dashboard-stats{grid-template-columns:1fr}.student-stats,.mock-test-stats{grid-template-columns:repeat(2,1fr)}.student-filter-controls,.youtube-grid{grid-template-columns:1fr}.mock-test-modal,.youtube-modal,.materials-modal,.student-modal{width:98%;margin:1rem auto}.student-table table,.materials-table table,.mock-test-table table{min-width:600px}}@media (max-width: 480px){.admin-container{padding:.25rem}.student-stats,.mock-test-stats{grid-template-columns:1fr}.student-table table,.materials-table table,.mock-test-table table{min-width:500px;font-size:.8rem}.student-table th,.student-table td,.materials-table th,.materials-table td,.mock-test-table th,.mock-test-table td{padding:.5rem .25rem}}.student-table,.materials-table,.mock-test-table{position:relative;width:100%}.student-table:before,.materials-table:before,.mock-test-table:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.student-table:hover:before,.materials-table:hover:before,.mock-test-table:hover:before{opacity:1}.admin-content,.student-manager,.materials-manager,.mock-test-manager,.youtube-manager{max-width:100%;overflow-x:hidden}.student-actions,.materials-actions,.mock-test-actions{display:flex;gap:.25rem;flex-wrap:wrap}.student-action-btn,.materials-action-btn,.mock-test-action-btn{padding:.25rem .5rem;font-size:.8rem;min-width:auto}@media (max-width: 1200px){.student-header h3,.materials-header h3,.mock-test-header h3,.youtube-header h3{font-size:1.5rem}.student-header p,.materials-header p,.mock-test-header p,.youtube-header p{font-size:.9rem}}@media (max-width: 768px){.student-header h3,.materials-header h3,.mock-test-header h3,.youtube-header h3{font-size:1.25rem}.student-header p,.materials-header p,.mock-test-header p,.youtube-header p{font-size:.8rem}}.student-payment-history{margin-top:1rem;border-top:1px solid #e2e8f0;padding-top:1rem}.student-payment-history h5{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem}.student-payment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.student-payment-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.student-payment-amount{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#059669}.student-payment-amount svg{width:16px;height:16px;color:#059669}.student-payment-method{font-size:.875rem;color:#6b7280}.student-payment-status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.student-payment-status-badge.student-payment-status-pending{background:#fef3c7;color:#92400e}.student-payment-status-badge.student-payment-status-completed{background:#dcfce7;color:#166534}.student-payment-status-badge.student-payment-status-failed{background:#fee2e2;color:#dc2626}.student-payment-status-badge.student-payment-status-cancelled{background:#f3f4f6;color:#6b7280}.student-payment-reference{font-size:.875rem;color:#6b7280;font-family:monospace}.student-payment-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.student-payment-date svg{width:14px;height:14px}.student-payment-screenshot{flex-shrink:0}.student-payment-screenshot-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.student-payment-screenshot-btn:hover{background:#2563eb;transform:translateY(-1px)}.student-payment-screenshot-btn svg{width:16px;height:16px}.student-payment-screenshot-modal{background:#fff;border-radius:12px;max-width:800px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.student-payment-screenshot-content{padding:1.5rem;text-align:center}.student-payment-screenshot-image{max-width:100%;max-height:60vh;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1rem}.student-payment-screenshot-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.student-payment-screenshot-actions .student-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.student-payment-screenshot-actions .student-btn-secondary{background:#f3f4f6;color:#374151}.student-payment-screenshot-actions .student-btn-secondary:hover{background:#e5e7eb}@media (max-width: 768px){.student-payment-item{flex-direction:column;align-items:stretch}.student-payment-screenshot{align-self:stretch}.student-payment-screenshot-btn{justify-content:center;width:100%}.student-payment-screenshot-modal{width:98%;margin:1rem}.student-payment-screenshot-actions{flex-direction:column}.student-payment-screenshot-actions .student-btn{width:100%;justify-content:center}}.user-status-actions{display:flex;align-items:center;gap:8px}.user-status-refresh-btn{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s ease}.user-status-refresh-btn:hover{background:#f3f4f6;transform:rotate(180deg)}.payment-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.payment-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.payment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.payment-modal-title-section{display:flex;align-items:center;gap:12px}.payment-modal-icon{width:32px;height:32px}.payment-modal-icon-success{color:#10b981}.payment-modal-icon-warning{color:#f59e0b}.payment-modal-icon-error{color:#ef4444}.payment-modal-icon-pending{color:#f59e0b}.payment-modal-icon-info{color:#3b82f6}.payment-modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.payment-modal-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.payment-modal-close-btn:hover{color:#6b7280;background:#f3f4f6}.payment-modal-close-icon{width:24px;height:24px}.payment-modal-content{padding:1.5rem}.payment-modal-message{text-align:center;margin-bottom:1.5rem}.payment-modal-text{color:#6b7280;margin-bottom:1rem;line-height:1.5}.payment-modal-user-info{background:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1rem}.payment-modal-user-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.payment-modal-user-row:last-child{margin-bottom:0}.payment-modal-user-label{font-size:.875rem;font-weight:500;color:#6b7280}.payment-modal-user-value{font-size:.875rem;color:#1f2937}.payment-modal-status-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:500;text-transform:uppercase}.payment-status-verified{background:#dcfce7;color:#166534}.payment-status-pending{background:#fef3c7;color:#92400e}.payment-status-not-verified{background:#fee2e2;color:#991b1b}.payment-status-not-logged{background:#fef3c7;color:#92400e}.payment-status-error{background:#fee2e2;color:#991b1b}.payment-modal-actions{display:flex;flex-direction:column;gap:12px}.payment-modal-refresh-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#3b82f6;color:#fff;padding:12px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.payment-modal-refresh-btn:hover{background:#2563eb;transform:translateY(-1px)}.payment-modal-refresh-icon{width:20px;height:20px}.payment-modal-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem}.payment-modal-info-title{font-weight:500;color:#1e40af;margin-bottom:.5rem;font-size:.875rem}.payment-modal-info-list{font-size:.875rem;color:#1e40af;margin:0;padding-left:1rem}.payment-modal-info-list li{margin-bottom:.25rem}.payment-modal-warning-box{background:#fffbeb;border:1px solid #fed7aa;border-radius:8px;padding:1rem}.payment-modal-warning-title{font-weight:500;color:#ea580c;margin-bottom:.5rem;font-size:.875rem}.payment-modal-warning-list{font-size:.875rem;color:#ea580c;margin:0;padding-left:1rem}.payment-modal-warning-list li{margin-bottom:.25rem}.payment-modal-close-action-btn{width:100%;background:#f3f4f6;color:#6b7280;padding:12px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.payment-modal-close-action-btn:hover{background:#e5e7eb}.payment-modal-register-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#10b981;color:#fff;padding:12px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.payment-modal-register-btn:hover{background:#059669;transform:translateY(-1px)}.payment-modal-register-icon{width:20px;height:20px}.payment-modal-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#3b82f6;color:#fff;padding:12px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.payment-modal-login-btn:hover{background:#2563eb;transform:translateY(-1px)}.payment-modal-login-icon{width:20px;height:20px}.payment-verification-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.payment-verification-container{max-width:800px;margin:0 auto}.payment-verification-header{margin-bottom:2rem}.payment-verification-back-btn{display:flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.payment-verification-back-btn:hover{background:#fff3;transform:translateY(-1px)}.payment-verification-back-icon{width:20px;height:20px}.payment-verification-content{display:flex;justify-content:center}.payment-verification-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;padding:3rem;width:100%;max-width:600px}.payment-verification-status{text-align:center;margin-bottom:2rem}.payment-page-icon{width:64px;height:64px;margin:0 auto 1rem}.payment-page-icon-success{color:#10b981}.payment-page-icon-warning{color:#f59e0b}.payment-page-icon-error{color:#ef4444}.payment-page-icon-pending{color:#f59e0b}.payment-page-icon-info{color:#3b82f6}.payment-verification-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.payment-verification-message{text-align:center;color:#6b7280;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.payment-verification-user-info{margin-bottom:2rem}.payment-verification-user-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.payment-verification-user-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.payment-verification-user-icon{width:24px;height:24px;color:#6b7280}.payment-verification-user-header h3{margin:0;color:#374151;font-size:1.125rem}.payment-verification-user-details{display:flex;flex-direction:column;gap:.75rem}.payment-verification-user-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.payment-verification-user-row:last-child{border-bottom:none}.payment-verification-user-label{font-weight:500;color:#6b7280}.payment-verification-user-value{color:#1f2937;font-weight:500}.payment-verification-status-badge{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.payment-verification-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.payment-verification-register-btn,.payment-verification-login-btn,.payment-verification-refresh-btn,.payment-verification-start-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.payment-verification-register-btn{background:#10b981;color:#fff}.payment-verification-register-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 10px 25px #10b9814d}.payment-verification-login-btn{background:#3b82f6;color:#fff}.payment-verification-login-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.payment-verification-refresh-btn{background:#f59e0b;color:#fff}.payment-verification-refresh-btn:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 10px 25px #f59e0b4d}.payment-verification-start-btn{background:#10b981;color:#fff}.payment-verification-start-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 10px 25px #10b9814d}.payment-verification-btn-icon{width:20px;height:20px}.payment-verification-info-section{display:flex;flex-direction:column;gap:1.5rem}.payment-verification-info-box,.payment-verification-warning-box,.payment-verification-success-box{border-radius:12px;padding:1.5rem}.payment-verification-info-box{background:#eff6ff;border:1px solid #bfdbfe}.payment-verification-warning-box{background:#fffbeb;border:1px solid #fed7aa}.payment-verification-success-box{background:#f0fdf4;border:1px solid #bbf7d0;text-align:center}.payment-verification-info-header,.payment-verification-warning-header,.payment-verification-success-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.payment-verification-info-icon,.payment-verification-warning-icon,.payment-verification-success-icon{width:24px;height:24px}.payment-verification-info-icon{color:#1e40af}.payment-verification-warning-icon{color:#ea580c}.payment-verification-success-icon{color:#059669}.payment-verification-info-header h4,.payment-verification-warning-header h4,.payment-verification-success-header h4{margin:0;font-size:1.125rem;font-weight:600}.payment-verification-info-header h4{color:#1e40af}.payment-verification-warning-header h4{color:#ea580c}.payment-verification-success-header h4{color:#059669}.payment-verification-info-list,.payment-verification-warning-list{margin:0;padding-left:1.5rem;color:#374151;line-height:1.6}.payment-verification-info-list li,.payment-verification-warning-list li{margin-bottom:.5rem}.payment-verification-info-list{color:#1e40af}.payment-verification-warning-list{color:#ea580c}.payment-verification-success-box p{color:#374151;line-height:1.6;margin-bottom:1.5rem}@media (max-width: 768px){.payment-verification-page{padding:1rem}.payment-verification-card{padding:2rem 1.5rem}.payment-verification-title{font-size:1.5rem}.payment-verification-message{font-size:1rem}.payment-verification-actions{gap:.75rem}.payment-verification-register-btn,.payment-verification-login-btn,.payment-verification-refresh-btn,.payment-verification-start-btn{padding:14px 20px;font-size:.875rem}}@media (max-width: 768px){.payment-modal{margin:1rem;max-height:calc(100vh - 2rem)}.payment-modal-header,.payment-modal-content{padding:1rem}.payment-modal-title{font-size:1.125rem}}@media (max-width: 767px){.content-wrapper{grid-template-columns:1fr!important;gap:1rem!important;padding:1rem!important}.sidebar{position:static!important;order:-1!important;margin-bottom:1rem!important;display:none}.sidebar-content{padding:1rem!important}.hero-section{grid-template-columns:1fr!important;gap:2rem!important;padding:1.5rem 1rem!important;margin:1rem 0rem!important;text-align:center!important}.hero-title{font-size:2rem!important}.title-highlight{font-size:2.2rem!important}.hero-description{font-size:1rem!important}.hero-stats{flex-direction:column!important;gap:1rem!important}.hero-buttons{flex-direction:column!important;align-items:center!important;gap:1rem!important}.cta-button{width:100%!important;max-width:300px!important;padding:1rem 1.5rem!important;font-size:1rem!important}.hero-video{height:250px!important}.features-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.feature-card{padding:1.5rem 1rem!important}.categories-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.category-card{padding:1.5rem 1rem!important}.test-grid{grid-template-columns:1fr!important;gap:1rem!important}.test-card{padding:1.5rem 1rem!important}.test-header,.test-meta{flex-direction:column!important;gap:.5rem!important}.video-grid{grid-template-columns:1fr!important;gap:1rem!important}.video-card{margin:0!important}.playlists-grid,.materials-grid{grid-template-columns:1fr!important;gap:1rem!important}.material-card{padding:1.5rem 1rem!important}.material-footer{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.testimonials-grid,.updates-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.stats-section{grid-template-columns:1fr!important;gap:1rem!important}.stat-card{padding:1.5rem 1rem!important}.cta-section{padding:2rem 1rem!important;margin:1rem!important}.cta-content h2{font-size:2rem!important}.cta-content p{font-size:1rem!important}.cta-buttons{flex-direction:column!important;gap:1rem!important;align-items:center!important}.cta-section .cta-button{width:100%!important;max-width:300px!important;padding:.5rem 1rem!important;font-size:1rem!important}.test-filter{flex-direction:column!important;gap:1rem!important}.filter-btn{width:100%!important;text-align:center!important}.filter-controls{flex-direction:column!important;gap:1rem!important}.search-filter-section{padding:1.5rem 1rem!important}.search-box{margin-bottom:1.5rem!important}.pagination{flex-wrap:wrap!important;gap:.5rem!important}.page-numbers{flex-wrap:wrap!important;justify-content:center!important}.footer-grid{grid-template-columns:1fr!important;gap:2rem!important;padding:2rem 1rem!important}.footer-section{text-align:center!important}.social-links{justify-content:center!important}.footer-bottom-content{flex-direction:column!important;text-align:center!important;gap:1rem!important}.contact-grid{grid-template-columns:1fr!important;gap:2rem!important}.contact-item{flex-direction:column!important;gap:.5rem!important;text-align:center!important}.faq-grid,.how-to-grid{grid-template-columns:1fr!important}.embed-grid{grid-template-columns:1fr!important;gap:1rem!important}.embed-item{padding:1rem!important}.embed-item iframe{height:200px!important}.subscribe-info{flex-direction:column!important;text-align:center!important}.channel-stats{flex-direction:column!important;gap:1rem!important}section h1{font-size:1.8rem!important}section h2{font-size:1.5rem!important}section{padding:2rem 1rem!important}.ad-container{margin:1rem 0!important}.results,.score-display{padding:2rem 1rem!important}.percentage{font-size:3rem!important}.question-container{padding:1.5rem 1rem!important}.options{gap:.75rem!important}.option-btn{padding:.75rem 1rem!important;font-size:.9rem!important}.test-header{padding:1.5rem 1rem!important}.test-info{flex-direction:column!important;gap:.5rem!important}.back-btn,.retry-btn{width:100%!important;margin-bottom:1rem!important}}@media (min-width: 768px) and (max-width: 1023px){.content-wrapper{grid-template-columns:1fr!important;gap:1.5rem!important;padding:1.5rem!important}.sidebar{position:static!important;order:-1!important;margin-bottom:1.5rem!important}.hero-section{grid-template-columns:1fr!important;gap:3rem!important;padding:3rem 2rem!important;margin:2rem!important;text-align:center!important}.hero-title{font-size:2.5rem!important}.title-highlight{font-size:2.8rem!important}.hero-stats,.hero-buttons{justify-content:center!important}.features-grid,.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:2rem!important}.test-grid,.video-grid,.playlists-grid,.materials-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}.testimonials-grid,.updates-grid{grid-template-columns:repeat(2,1fr)!important;gap:2rem!important}.stats-section{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}.cta-section{padding:4rem 2rem!important;margin:2rem!important}.cta-content h2{font-size:3rem!important}.cta-buttons{gap:1.5rem!important}.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:2rem!important}.contact-grid{grid-template-columns:1fr!important;gap:3rem!important}.faq-grid,.how-to-grid{grid-template-columns:repeat(2,1fr)!important}.embed-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}.subscribe-info{flex-direction:column!important;text-align:center!important}.channel-stats{justify-content:center!important}}@media (min-width: 1024px) and (max-width: 1279px){.content-wrapper{grid-template-columns:1fr 250px!important;gap:1.5rem!important;padding:1.5rem!important}.hero-section{gap:3rem!important;padding:3rem 2rem!important}.features-grid,.categories-grid,.test-grid,.video-grid,.playlists-grid,.materials-grid,.testimonials-grid,.updates-grid{grid-template-columns:repeat(2,1fr)!important}.stats-section,.footer-grid{grid-template-columns:repeat(3,1fr)!important}.contact-grid{grid-template-columns:1fr 1fr!important}.faq-grid{grid-template-columns:repeat(2,1fr)!important}.how-to-grid{grid-template-columns:repeat(3,1fr)!important}.embed-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1280px){.content-wrapper{grid-template-columns:1fr 300px!important;gap:2rem!important;padding:2rem!important}.hero-section{gap:4rem!important;padding:4rem 2rem!important}.features-grid,.categories-grid,.test-grid,.video-grid,.playlists-grid,.materials-grid,.testimonials-grid,.updates-grid{grid-template-columns:repeat(3,1fr)!important}.stats-section,.footer-grid{grid-template-columns:repeat(4,1fr)!important}.contact-grid{grid-template-columns:1fr 1fr!important}.faq-grid{grid-template-columns:repeat(3,1fr)!important}.how-to-grid{grid-template-columns:repeat(4,1fr)!important}.embed-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 767px){.mock-tests{padding:1.5rem 1rem!important}.test-categories{margin-top:2rem!important}.category{margin-bottom:2rem!important}.category h3{font-size:1.5rem!important;margin-bottom:1.5rem!important}.test-filter{margin:1.5rem 0!important}.filter-btn{padding:.5rem 1rem!important;font-size:.9rem!important}.test-badges{flex-direction:column!important;gap:.25rem!important}.type-badge{font-size:.6rem!important;padding:.2rem .4rem!important}.difficulty{margin-left:0!important;margin-top:.5rem!important}.start-test-btn{padding:.75rem!important;font-size:1rem!important}}@media (max-width: 767px){.youtube-courses{padding:1.5rem 1rem!important}.featured-videos,.playlists-section,.youtube-embed,.subscribe-section{margin:2rem 0!important}.video-info h4{font-size:1rem!important}.video-meta{flex-direction:column!important;gap:.5rem!important}.playlist-info h4{font-size:1rem!important}.playlist-meta{margin:.75rem 0!important}.watch-playlist-btn{padding:.5rem!important;font-size:.9rem!important}.video-category-badge,.video-duration{font-size:.6rem!important;padding:.2rem .4rem!important}}@media (max-width: 767px){.notes-papers{padding:1.5rem 1rem!important}.search-filter-section{padding:1.5rem 1rem!important;margin-bottom:2rem!important}.search-input{padding:.75rem 2.5rem .75rem 1rem!important;font-size:.9rem!important}.search-icon{right:.75rem!important;font-size:1rem!important}.filter-controls{gap:1rem!important}.filter-group{width:100%!important}.filter-select{width:100%!important;padding:.5rem!important;font-size:.9rem!important}.materials-header{margin-bottom:2rem!important}.materials-header h2{font-size:1.5rem!important}.materials-header p{font-size:1rem!important}.material-header{flex-direction:column!important;gap:.75rem!important}.material-meta{flex-direction:column!important;gap:.25rem!important}.material-stats{flex-direction:column!important;gap:.5rem!important}.download-btn{width:100%!important;padding:.75rem!important;font-size:.9rem!important}.how-to-use-section{padding:2rem 1rem!important;margin-top:2rem!important}.how-to-use-section h2{font-size:1.5rem!important;margin-bottom:2rem!important}.how-to-item{padding:1.5rem 1rem!important}}@media (max-width: 767px){.contact-us{padding:1.5rem 1rem!important}.contact-content{max-width:100%!important}.contact-methods{gap:1.5rem!important;margin-bottom:2rem!important}.contact-method{padding:1rem!important}.contact-icon{width:50px!important;height:50px!important;font-size:1.5rem!important}.contact-details h4{font-size:1rem!important}.contact-details p{font-size:.9rem!important}.social-icons{gap:.75rem!important}.social-icon{min-width:80px!important;padding:.75rem!important}.social-icon span:first-child{font-size:1.2rem!important}.social-icon span:last-child{font-size:.8rem!important}.contact-form{padding:1.5rem 1rem!important}.form-group{margin-bottom:1rem!important}.form-group label{font-size:.9rem!important}.form-group input,.form-group select,.form-group textarea{padding:.75rem!important;font-size:.9rem!important}.submit-btn{padding:.75rem 1.5rem!important;font-size:1rem!important}.faq-section{margin-top:2rem!important;padding:2rem 1rem!important}.faq-section h2{font-size:1.5rem!important;margin-bottom:2rem!important}.faq-item{padding:1.5rem 1rem!important}.faq-item h4{font-size:1rem!important}.faq-item p{font-size:.9rem!important}}@media (max-width: 767px){.about{padding:1.5rem 1rem!important}.about-header{margin-bottom:2rem!important}.profile-section{grid-template-columns:1fr!important;gap:2rem!important;text-align:center!important}.profile-image img{width:150px!important;height:150px!important}.profile-info h3{text-align:center!important;font-size:1.5rem!important}.expertise{justify-content:center!important}.expertise span{font-size:.8rem!important;padding:.4rem .8rem!important}.mission-section,.youtube-section,.services-section,.contact-section{margin:2rem 0!important;padding:2rem 1rem!important}.youtube-stats{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;margin:1.5rem 0!important}.stat-card{padding:1.5rem 1rem!important}.stat-number{font-size:2rem!important}.stat-label{font-size:.8rem!important}.services-grid{grid-template-columns:1fr!important;gap:1.5rem!important;margin-top:2rem!important}.service-card{padding:1.5rem 1rem!important}.service-icon{font-size:2.5rem!important}.service-card h4{font-size:1.2rem!important}.contact-info{gap:.75rem!important;margin-top:1.5rem!important}.contact-item{padding:.75rem!important}}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.show-mobile-only{display:none!important}}@media (max-width: 1023px){.hide-tablet{display:none!important}}@media (max-width: 1279px){.show-desktop-only{display:none!important}}@media (max-width: 767px){.cta-button,.filter-btn,.start-test-btn,.download-btn,.submit-btn,.option-btn,.back-btn,.retry-btn{min-height:44px!important;min-width:44px!important}.hero-buttons,.cta-buttons,.pagination{gap:1rem!important}.form-group{margin-bottom:1.5rem!important}.feature-card,.category-card,.test-card,.video-card,.playlist-card,.material-card,.testimonial-card,.update-card{margin-bottom:1rem!important}.category-card ul{margin:1rem 0!important}.category-card li{padding:.75rem 0!important}.nav-link{padding:1rem 1.5rem!important;margin:.25rem 0!important}.modal-content{margin:1rem!important;max-height:calc(100vh - 2rem)!important}.modal-header,.modal-form,.modal-actions{padding:1rem!important}}@media (max-width: 767px){.feature-card:hover,.category-card:hover,.test-card:hover,.video-card:hover,.playlist-card:hover,.material-card:hover,.testimonial-card:hover,.update-card:hover,.cta-button:hover,.filter-btn:hover,.start-test-btn:hover,.download-btn:hover,.submit-btn:hover{transform:none!important}}@media (max-width: 767px){.cta-button:focus,.filter-btn:focus,.start-test-btn:focus,.download-btn:focus,.submit-btn:focus,.option-btn:focus{outline:2px solid #1a237e!important;outline-offset:2px!important}.hero-description,.feature-card p,.category-card p,.test-card p,.video-card p,.playlist-card p,.material-card p,.testimonial-card p,.update-card p{color:#444!important}.hero-title,.section-header h2,.feature-card h3,.category-card h3,.test-card h4,.video-card h4,.playlist-card h4,.material-card h3{line-height:1.3!important}}@media print{.navbar,.sidebar,.footer,.cta-section,.ad-container,.hero-buttons,.cta-buttons,.filter-btn,.start-test-btn,.download-btn,.submit-btn{display:none!important}.content-wrapper{grid-template-columns:1fr!important;gap:0!important;padding:0!important}.hero-section{margin:0!important;padding:1rem 0!important;box-shadow:none!important}section{padding:1rem 0!important;margin:0!important}.feature-card,.category-card,.test-card,.video-card,.playlist-card,.material-card,.testimonial-card,.update-card{box-shadow:none!important;border:1px solid #ccc!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important}}.chat-toggle-btn{position:fixed;bottom:20px;right:20px;background:#2563eb;color:#fff;border:none;padding:12px 24px;border-radius:30px;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:1000;font-weight:600;transition:transform .2s}.chat-toggle-btn:hover{transform:scale(1.05)}.chat-window{position:fixed;bottom:80px;right:20px;width:350px;height:500px;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000026;display:flex;flex-direction:column;z-index:1000;overflow:hidden;border:1px solid #e5e7eb}.chat-header{padding:15px;background:#2563eb;color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:16px}.close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.chat-messages{flex:1;overflow-y:auto;padding:15px;background:#f9fafb}.chat-message{display:flex;margin-bottom:12px;align-items:flex-start;position:relative}.chat-message:hover .chat-actions{display:flex}.chat-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px;-o-object-fit:cover;object-fit:cover}.chat-content{background:#fff;padding:8px 12px;border-radius:0 12px 12px;box-shadow:0 1px 2px #0000000d;max-width:80%}.chat-author{font-size:12px;color:#6b7280;margin-bottom:2px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.admin-badge{background:#ef4444;color:#fff;padding:1px 4px;border-radius:4px;font-size:10px;margin-left:4px}.chat-time{font-size:10px;color:#9ca3af;margin-left:8px;font-weight:400}.chat-text{font-size:14px;color:#1f2937;word-break:break-word}.chat-actions{display:none;position:absolute;right:0;top:0;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:2px}.chat-actions button{background:none;border:none;cursor:pointer;padding:4px;font-size:12px}.chat-actions button:hover{background:#f3f4f6}.attachment-btn{background:none!important;color:#6b7280!important;font-size:20px!important;padding:8px 12px!important;margin-right:8px;cursor:pointer}.attachment-btn:hover{background:#f3f4f6!important;color:#374151!important}.chat-attachment{margin-top:8px}.attachment-image{max-width:100%;max-height:150px;border-radius:8px;cursor:pointer;border:1px solid #e5e7eb}.attachment-link{display:inline-flex;align-items:center;padding:8px 12px;background:#f3f4f6;border-radius:8px;text-decoration:none;color:#2563eb;font-size:13px;font-weight:500}.attachment-link:hover{background:#e5e7eb}.chat-input-form{padding:15px;border-top:1px solid #e5e7eb;display:flex;background:#fff}.chat-input-form input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:20px;outline:none;margin-right:8px}.chat-input-form input:focus{border-color:#2563eb}.chat-input-form button{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:600}.chat-greeting-bubble{position:fixed;bottom:80px;right:20px;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:14px;color:#1f2937;max-width:250px;z-index:999;animation:slideIn .5s ease-out 3s forwards;opacity:0;transform:translateY(20px);border:1px solid #e5e7eb}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.chat-greeting-arrow{position:absolute;bottom:-6px;right:24px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.chat-greeting-close{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.chat-greeting-close:hover{background:#dc2626}.live-test-bubble{position:fixed;bottom:160px;right:20px;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:14px;color:#1f2937;max-width:250px;z-index:998;border:1px solid #e5e7eb}.live-test-arrow{position:absolute;bottom:-6px;right:24px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.live-test-close{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#059669;color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.chat-window{width:100%;height:100%;border-radius:0;position:fixed;inset:0;z-index:9999}.chat-toggle-btn{bottom:15px;left:15px;right:auto}.chat-greeting-bubble{bottom:120px;left:15px;right:auto}.chat-greeting-arrow{right:auto;left:24px}.live-test-bubble{bottom:200px;left:15px;right:auto}.live-test-arrow{right:auto;left:24px}}