*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.home-container{min-height:100vh}.home-container{background:linear-gradient(135deg,#667eea,#764ba2)}.home-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;display:flex;justify-content:space-between;padding:20px 40px}.nav-brand h2{color:#fff}.nav-links{align-items:center;display:flex;gap:20px}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:opacity .3s ease}.nav-link:hover{opacity:.8}.hero-section{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:80px 40px}.hero-content{color:#fff}.hero-title{font-size:48px;line-height:1.2;margin-bottom:24px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffd89b,#19547b);-webkit-background-clip:text;background-clip:text}.hero-description{font-size:18px;line-height:1.8;margin-bottom:32px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.hero-image{align-items:center;display:flex;justify-content:center}.mockup-card{animation:float 3s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:24px;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.mockup-header{margin-bottom:24px}.mockup-dots{display:flex;gap:8px}.dot{background:#e2e8f0;border-radius:50%;height:12px;width:12px}.dot:first-child{background:#fc5c65}.dot:nth-child(2){background:#fed330}.dot:nth-child(3){background:#26de81}.mockup-content{display:flex;flex-direction:column;gap:20px}.mockup-stat{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.stat-label{color:#718096;font-size:14px;font-weight:500}.stat-value{font-size:24px}.features-section{margin:0 auto;max-width:1200px;padding:80px 40px}.section-title{color:#fff;font-size:36px;margin-bottom:48px;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff26;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{color:#fff;font-size:20px;margin-bottom:12px}.feature-card p{color:#ffffffe6;font-size:14px;line-height:1.6}.home-footer{border-top:1px solid #ffffff1a;color:#fffc;padding:32px;text-align:center}@media (max-width:968px){.hero-section{gap:40px;grid-template-columns:1fr;padding:60px 20px}.hero-title{font-size:36px}.hero-image{order:-1}.mockup-card{max-width:300px}.features-section{padding:60px 20px}.section-title{font-size:28px}.home-nav{flex-direction:column;gap:16px;padding:16px 20px}}@media (max-width:480px){.hero-title{font-size:28px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column}.hero-buttons .btn-large{width:100%}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:fadeIn .5s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#2d3748;font-size:28px;margin-bottom:8px}.auth-header p{color:#718096;font-size:14px}.error-message{background:#fed7d7;border-left:4px solid #c53030;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:12px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled{background:#f7fafc;cursor:not-allowed}.auth-form .btn-primary{margin-top:10px;width:100%}.divider{align-items:center;color:#a0aec0;display:flex;font-size:14px;margin:24px 0}.divider:after,.divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.divider span{font-weight:500;padding:0 10px}.btn-google{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.btn-google:hover{background:#f7fafc;border-color:#cbd5e0}.btn-google:disabled{cursor:not-allowed;opacity:.6}.google-icon{height:20px;width:20px}.auth-footer{color:#718096;font-size:14px;margin-top:24px;text-align:center}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:24px}.auth-header h1{font-size:24px}}.dashboard-container{background:#f7fafc;min-height:100vh}.dashboard-nav{align-items:center;background:#fff;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:16px 32px}.nav-brand h2{color:#667eea;font-size:24px;margin:0}.nav-user{align-items:center;display:flex;gap:20px}.nav-user span{color:#2d3748;font-weight:500}.btn-logout{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s ease}.btn-logout:hover{background:#c53030;transform:translateY(-2px)}.dashboard-content{margin:0 auto;max-width:1200px;padding:40px 20px}.welcome-section{margin-bottom:40px}.welcome-section h1{color:#2d3748;font-size:36px;margin-bottom:8px}.welcome-section p{color:#718096;font-size:18px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.stat-icon{font-size:36px;margin-bottom:12px}.stat-card h3{color:#718096;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#2d3748;font-size:32px;font-weight:700;margin:0}.section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:32px}.section h2{color:#2d3748;font-size:24px;margin-bottom:16px}.section-description{color:#718096;font-size:16px;line-height:1.6}.action-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.btn-action{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 24px;transition:all .3s ease}.btn-action:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.action-icon{font-size:24px}.info-box ul{margin:0}.info-box li{margin-bottom:8px}@media (max-width:768px){.dashboard-nav{flex-direction:column;gap:16px;padding:16px 20px}.nav-brand h2{font-size:20px}.nav-user{flex-direction:column;gap:12px}.stats-grid{grid-template-columns:1fr}.welcome-section h1{font-size:28px}.section{padding:20px}}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.category-filter{align-items:center;display:flex;gap:12px}.category-filter label{color:#4a5568;font-size:14px;font-weight:600}.category-filter select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:8px 16px;transition:all .2s ease}.category-filter select:focus{border-color:#667eea}.empty-state-small{color:#718096;padding:40px 20px;text-align:center}.exam-card-student{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.exam-card-student:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.best-score-badge{background:#fef5e7;border:1px solid #f39c12;border-radius:6px;color:#d68910;font-size:13px;font-weight:600;margin-top:12px;padding:8px 12px}.attempt-count{color:#718096;font-size:13px;margin-top:8px}.no-questions-note{color:#e53e3e;font-size:12px;font-style:italic}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:20px;transition:all .2s ease}.activity-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.activity-info h4{color:#2d3748;font-size:16px;margin-bottom:6px}.activity-meta{color:#718096;font-size:14px}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column}.category-filter{width:100%}.category-filter select{flex:1 1}.activity-item{align-items:flex-start;flex-direction:column}}.exam-management{background:#f7fafc;min-height:100vh;padding:32px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.page-header h1{color:#2d3748;font-size:32px;margin-bottom:8px}.page-header p{color:#718096;font-size:16px}.loading{color:#718096;font-size:18px;height:50vh}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:24px}.empty-state h2{color:#2d3748;font-size:24px;margin-bottom:12px}.empty-state p{color:#718096;font-size:16px;margin-bottom:24px}.exams-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.exam-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.exam-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.exam-card-header h3{color:#2d3748;font-size:20px;margin-bottom:8px}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.exam-card-body{flex:1 1;margin:16px 0}.exam-description{font-size:14px;margin-bottom:16px}.exam-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.stat-item{align-items:center;color:#718096;display:flex;font-size:14px;gap:6px}.stat-icon{font-size:16px}.negative-marking-badge{background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;color:#c53030;font-size:12px;margin-top:8px;padding:8px 12px}.exam-card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;margin-top:16px;padding-top:16px}.action-buttons{display:flex;gap:8px}.btn-icon{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:8px;transition:all .2s ease}.btn-icon:hover{background:#f7fafc}.btn-icon.btn-danger:hover{background:#fff5f5}.btn-icon.share-btn{color:#48bb78}.btn-icon.share-btn:hover{background:#f0fff4}.btn-sm{font-size:14px;padding:8px 16px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#2d3748;font-size:24px;margin:0}.modal-close{background:none;border:none;color:#718096;cursor:pointer;font-size:24px;padding:4px;transition:color .2s ease}.modal-close:hover{color:#2d3748}.exam-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;font-weight:500;gap:8px;margin:0}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.info-box{background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;padding:20px}.info-box h3{color:#2d3748;font-size:18px;margin-bottom:12px}.info-box ul{color:#4a5568;line-height:1.8;padding-left:20px}@media (max-width:768px){.exam-management{padding:20px}.page-header{flex-direction:column;gap:16px}.exams-grid{grid-template-columns:1fr}.modal-content{margin:20px;max-width:100%}.form-row{grid-template-columns:1fr}}.bulk-upload-container{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.bulk-upload-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.bulk-upload-header h2{color:#2d3748;font-size:24px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#f7fafc;color:#2d3748}.bulk-upload-content{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:400px 1fr;overflow-y:auto;padding:24px}.upload-instructions{background:#f7fafc;border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:20px}.upload-instructions h3{color:#2d3748;font-size:18px;margin:0 0 12px}.upload-instructions ol{color:#4a5568;line-height:1.8;margin:0 0 20px;padding-left:20px}.example-section{margin-bottom:20px}.example-json{background:#2d3748;border-radius:8px;margin-top:12px;padding:16px}.example-json pre{color:#a0aec0;font-family:Courier New,monospace;font-size:13px;line-height:1.6;margin:0 0 12px;overflow-x:auto}.json-format-guide{background:#fff;border-radius:8px;margin-top:16px;padding:16px}.json-format-guide h4{color:#2d3748;font-size:14px;margin:0 0 8px}.json-format-guide ul{color:#4a5568;font-size:13px;line-height:1.6;margin:0 0 12px;padding-left:20px}.json-format-guide code{background:#edf2f7;border-radius:3px;color:#667eea;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.note{background:#fff5f5;border-left:3px solid #fc8181;border-radius:4px;color:#742a2a;font-size:13px;margin-top:12px;padding:12px}.upload-editor{display:flex;flex-direction:column;gap:16px}.editor-toolbar{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding-bottom:12px}.toolbar-hint{color:#718096;font-size:14px;font-style:italic}.json-editor{background:#2d3748;border:2px solid #e2e8f0;border-radius:8px;color:#a0aec0;font-family:Courier New,monospace;font-size:14px;line-height:1.6;min-height:400px;outline:none;padding:16px;resize:vertical;width:100%}.json-editor:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.json-editor:disabled{cursor:not-allowed;opacity:.6}.error-box{background:#fff5f5;border:2px solid #fc8181;border-radius:8px;color:#742a2a;padding:16px}.error-box strong{display:block;font-size:14px;margin-bottom:8px}.error-box pre{color:#c53030;font-family:Courier New,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.upload-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:12px}.upload-progress{background:#f7fafc;border-radius:8px;padding:20px;text-align:center}.progress-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 12px;width:40px}.upload-progress p{color:#4a5568;font-size:14px;margin:0}@media (max-width:1024px){.bulk-upload-content{grid-template-columns:1fr}.upload-instructions{order:2}.upload-editor{order:1}}@media (max-width:768px){.bulk-upload-container{border-radius:0;max-height:100vh}.bulk-upload-content{padding:16px}.json-editor{font-size:12px;min-height:300px}.example-json pre{font-size:11px}}.question-management{background:#f7fafc;min-height:100vh;padding:32px}.back-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:12px;padding:8px 0;transition:opacity .2s ease}.back-button:hover{opacity:.8}.header-actions{align-items:center;display:flex;gap:12px}.questions-list{display:flex;flex-direction:column;gap:24px}.question-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.question-card:hover{box-shadow:0 8px 20px #0000001a}.question-header{background:#f7fafc;padding:16px 24px}.question-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-weight:700;padding:8px 16px}.question-meta{display:flex;flex-wrap:wrap;gap:8px}.difficulty-badge,.marks-badge,.subject-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.difficulty-easy{background:#c6f6d5;color:#22543d}.difficulty-medium{background:#feebc8;color:#7c2d12}.difficulty-hard{background:#fed7d7;color:#742a2a}.subject-badge{background:#e6fffa;color:#234e52}.marks-badge{background:#e9d8fd;color:#44337a}.question-body{padding:24px}.question-text{font-size:16px;margin-bottom:16px}.question-image{margin:16px 0}.question-image img{max-width:500px}.options-list{display:flex;flex-direction:column;gap:12px;margin:20px 0}.option-item{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.option-item.correct-option{background:#c6f6d5;border-color:#48bb78}.option-label{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.option-item.correct-option .option-label{background:#48bb78}.option-text{font-size:15px}.explanation-box{background:#edf2f7;border-left:4px solid #4299e1;border-radius:8px;margin-top:16px;padding:16px}.explanation-box strong{color:#2d3748;display:block;margin-bottom:8px}.explanation-box p{color:#4a5568;font-size:14px;line-height:1.6;margin:0}.question-footer{background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 24px}.question-form{padding:24px}.modal-large{max-width:800px}.option-input-group{align-items:center;display:flex;gap:12px;margin-bottom:12px}.option-input-group .option-label{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.option-input-group input{flex:1 1}.image-preview{border:2px solid #e2e8f0;border-radius:8px;margin-top:12px;max-width:400px;overflow:hidden;position:relative}.image-preview img{display:block;height:auto;width:100%}.remove-image{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:8px;top:8px;transition:background .2s ease}.remove-image:hover{background:#c53030}.btn-danger{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-danger:hover{background:#c53030;transform:translateY(-2px)}@media (max-width:768px){.question-management{padding:20px}.question-header{align-items:flex-start;flex-direction:column;gap:12px}.question-body{padding:16px}.modal-large,.question-image img{max-width:100%}.option-input-group{align-items:stretch;flex-direction:column}.option-input-group .option-label{align-self:flex-start}}.test-overview{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.overview-header{margin:0 auto 20px;max-width:1200px}.overview-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1200px}.overview-main-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px}.exam-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:16px;padding:6px 16px}.exam-title{color:#2d3748;font-size:32px;line-height:1.3;margin:0 0 16px}.exam-description{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:32px}.exam-meta-grid{grid-gap:20px;background:#f7fafc;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px;padding:24px}.meta-item{align-items:center;display:flex;gap:12px}.meta-icon{font-size:32px}.meta-content{display:flex;flex-direction:column}.meta-value{color:#2d3748;font-size:24px;font-weight:700;line-height:1}.meta-label{color:#718096;font-size:13px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.warning-box{align-items:flex-start;background:#fff5f5;border:2px solid #feb2b2;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.warning-icon{flex-shrink:0;font-size:24px}.warning-box strong{color:#c53030;display:block;font-size:15px;margin-bottom:4px}.warning-box p{color:#742a2a;font-size:14px;margin:0}.best-attempt-card{background:linear-gradient(135deg,#ffd89b,#19547b);border-radius:12px;color:#fff;margin-bottom:32px;padding:24px}.attempt-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.trophy-icon{font-size:32px}.attempt-header h3{font-size:18px;margin:0}.attempt-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.attempt-stat{text-align:center}.attempt-stat .stat-value{display:block;font-size:28px;font-weight:700;margin-bottom:4px}.attempt-stat .stat-label{display:block;font-size:12px;opacity:.9;text-transform:uppercase}.start-test-section{border-top:2px solid #e2e8f0;padding-top:24px;text-align:center}.btn-start-test{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 24px #667eea4d;color:#fff;cursor:pointer;font-size:20px;font-weight:700;max-width:400px;padding:20px 40px;transition:all .3s ease;width:100%}.btn-start-test:hover{box-shadow:0 12px 32px #667eea66;transform:translateY(-3px)}.start-test-hint{color:#718096;font-size:14px;margin-top:12px}.overview-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px}.sidebar-card h3{color:#2d3748;font-size:16px;margin:0 0 16px}.subject-list{display:flex;flex-direction:column;gap:12px}.subject-item{align-items:center;background:#f7fafc;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.subject-item:hover{background:#edf2f7}.subject-name{color:#2d3748;font-size:14px;font-weight:500}.subject-count{background:#e6e6fa;border-radius:12px;color:#667eea;font-size:13px;font-weight:600;padding:4px 10px}.difficulty-bars{gap:16px}.difficulty-bars,.difficulty-item{display:flex;flex-direction:column}.difficulty-item{gap:6px}.difficulty-header{align-items:center;display:flex;justify-content:space-between}.difficulty-label{border-radius:10px;font-size:13px;font-weight:600;padding:3px 10px}.difficulty-label.easy{background:#c6f6d5;color:#22543d}.difficulty-label.medium{background:#feebc8;color:#7c2d12}.difficulty-label.hard{background:#fed7d7;color:#742a2a}.difficulty-count{color:#718096;font-size:13px;font-weight:600}.difficulty-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.difficulty-fill{border-radius:4px;height:100%;transition:width .5s ease}.difficulty-fill.easy{background:#48bb78}.difficulty-fill.medium{background:#ed8936}.difficulty-fill.hard{background:#e53e3e}.instructions-content p{color:#4a5568;font-size:14px;line-height:1.6;margin:0}.guidelines-list{list-style:none;margin:0;padding:0}.guidelines-list li{color:#4a5568;font-size:14px;line-height:1.6;padding:8px 0 8px 24px;position:relative}.guidelines-list li:before{color:#48bb78;content:"✓";font-weight:700;left:0;position:absolute}.attempts-list{display:flex;flex-direction:column;gap:12px}.attempt-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.attempt-item:hover{background:#edf2f7}.attempt-number{color:#718096;font-size:12px;font-weight:600;text-transform:uppercase}.attempt-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.attempt-score{color:#2d3748;font-size:15px;font-weight:700}.attempt-date{color:#718096;font-size:12px}.btn-view-result{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s ease}.btn-view-result:hover{background:#5568d3;transform:translateY(-2px)}@media (max-width:1024px){.overview-container{grid-template-columns:1fr}.overview-sidebar{order:2}}@media (max-width:768px){.test-overview{padding:10px}.overview-main-card{padding:24px}.exam-title{font-size:24px}.exam-meta-grid{gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}.meta-icon{font-size:24px}.meta-value{font-size:20px}.attempt-stats{gap:12px;grid-template-columns:1fr}.btn-start-test{font-size:18px;padding:16px 32px}.sidebar-card{padding:20px}}.test-engine{background:#f7fafc;display:flex;flex-direction:column;min-height:100vh}.test-header{align-items:center;background:#fff;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.test-info h2{color:#2d3748;font-size:20px;margin:0 0 4px}.test-info p{color:#718096;font-size:14px;margin:0}.timer,.timer-container{align-items:center;display:flex}.timer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:18px;font-weight:700;gap:8px;padding:12px 24px}.timer.timer-warning{animation:pulse 1s infinite;background:linear-gradient(135deg,#e53e3e,#c53030)}.test-body{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1600px;padding:24px 32px;width:100%}.question-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column}.question-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.question-number{color:#2d3748;font-size:16px;font-weight:600}.question-marks{background:#e9d8fd;border-radius:6px;color:#44337a;font-size:14px;font-weight:600;padding:6px 12px}.question-content{flex:1 1;padding:24px}.question-text{color:#2d3748;font-size:18px;font-weight:500;line-height:1.6;margin-bottom:24px}.question-image{border:1px solid #e2e8f0;border-radius:8px;margin:24px 0;overflow:hidden}.question-image img{display:block;height:auto;max-width:600px;width:100%}.options-container{display:flex;flex-direction:column;gap:12px}.option{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s ease}.option:hover{background:#edf2f7;border-color:#cbd5e0}.option.selected{background:#e6fffa;border-color:#38b2ac}.option-radio{align-items:center;border:2px solid #cbd5e0;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.option.selected .option-radio{border-color:#38b2ac}.radio-dot{background:#38b2ac;border-radius:50%;height:10px;width:10px}.option-label{color:#667eea;flex-shrink:0;font-size:16px;font-weight:700}.option-text{color:#2d3748;flex:1 1;font-size:16px}.question-actions{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px}.btn-action-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-action-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.btn-action-secondary:disabled{cursor:not-allowed;opacity:.5}.navigation-buttons{display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.btn-nav{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-nav:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.btn-nav.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-nav.btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-nav:disabled{cursor:not-allowed;opacity:.5}.navigation-palette{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 120px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:100px}.palette-header h3{color:#2d3748;font-size:18px;margin:0}.palette-legend{display:flex;flex-direction:column;gap:8px}.legend-item{align-items:center;color:#4a5568;display:flex;font-size:13px;gap:8px}.legend-box{border:2px solid #e2e8f0;border-radius:4px;height:24px;width:24px}.legend-box.answered{background:#48bb78;border-color:#48bb78}.legend-box.not-answered{background:#e53e3e;border-color:#e53e3e}.legend-box.marked{background:#ed8936;border-color:#ed8936}.legend-box.answered-marked{background:#9f7aea;border-color:#9f7aea}.palette-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.palette-button{aspect-ratio:1;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;width:100%}.palette-button:hover{transform:scale(1.05)}.palette-button.current{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.palette-button.answered{background:#48bb78;border-color:#48bb78;color:#fff}.palette-button.not-answered{background:#e53e3e;border-color:#e53e3e;color:#fff}.palette-button.marked{background:#ed8936;border-color:#ed8936;color:#fff}.palette-button.answered-marked{background:#9f7aea;border-color:#9f7aea;color:#fff}.submit-section{border-top:1px solid #e2e8f0;padding-top:16px}.btn-submit{background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all .2s ease;width:100%}.btn-submit:hover{box-shadow:0 4px 12px #e53e3e4d;transform:translateY(-2px)}.submit-summary{padding:24px}.submit-summary>p{color:#4a5568;font-size:16px;margin-bottom:24px}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.summary-item{background:#f7fafc;border-radius:8px;padding:16px;text-align:center}.summary-item strong{color:#2d3748;display:block;font-size:24px;margin-bottom:4px}.summary-item span{color:#718096;font-size:14px}.warning-text{color:#c53030;font-weight:600;margin:0;text-align:center}@media (max-width:1024px){.test-body{grid-template-columns:1fr}.navigation-palette{max-height:none;position:static}.palette-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width:768px){.test-header{flex-direction:column;gap:12px;padding:16px 20px}.test-body{padding:16px}.timer{justify-content:center;width:100%}.palette-grid{grid-template-columns:repeat(6,1fr)}.summary-stats{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.btn-nav{width:100%}}.test-wait-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.wait-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:60px 40px;text-align:center;width:100%}.wait-icon{animation:pulse 2s infinite;font-size:80px;margin-bottom:24px}.spinner{animation:spin 1s linear infinite;border:6px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 24px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.wait-content h2{color:#2d3748;font-size:28px;margin:0 0 16px}.wait-content>p{color:#4a5568;font-size:16px;margin-bottom:12px}.wait-content strong{color:#667eea;font-weight:700}.wait-message{background:#f7fafc;border-left:4px solid #fbbf24;border-radius:8px;margin:32px 0;padding:20px}.wait-message p{color:#4a5568;font-size:15px;margin:8px 0}.wait-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.wait-actions button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .2s ease}.wait-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.wait-actions .btn-primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.wait-actions .btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.wait-actions .btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}@media (max-width:768px){.wait-content{padding:40px 24px}.wait-icon{font-size:60px}.wait-content h2{font-size:24px}.wait-actions{flex-direction:column}.wait-actions button{width:100%}}.leaderboard-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.leaderboard-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.leaderboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:24px}.leaderboard-header h2{font-size:28px;margin:0}.leaderboard-exam-title{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.leaderboard-exam-title p{color:#2d3748;font-size:16px;font-weight:600;margin:0}.leaderboard-exam-title span{color:#718096;font-size:14px}.user-rank-card{align-items:center;background:linear-gradient(135deg,#ffd89b,#19547b);border-radius:12px;box-shadow:0 8px 24px #0003;color:#fff;display:flex;justify-content:space-between;margin:24px;padding:24px}.rank-badge-large{align-items:center;display:flex;gap:20px}.rank-emoji{font-size:64px}.rank-details h3{font-size:16px;margin:0 0 8px;opacity:.9}.rank-number{margin:0}.rank-number.gold{color:gold}.rank-number.silver{color:silver}.rank-number.bronze{color:#cd7f32}.rank-label{font-size:14px}.rank-stats{display:flex;gap:32px}.rank-stat{text-align:center}.rank-stat .stat-value{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.rank-stat .stat-label{display:block;font-size:12px;opacity:.9;text-transform:uppercase}.leaderboard-table-container{flex:1 1;overflow-y:auto;padding:24px}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table thead{background:#f7fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.leaderboard-table th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.leaderboard-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.leaderboard-table tbody tr:hover{background:#f7fafc}.leaderboard-table tbody tr.current-user{background:#e6fffa;border-left:4px solid #38b2ac}.leaderboard-table tbody tr.current-user:hover{background:#d6f5f1}.leaderboard-table td{color:#2d3748;font-size:14px;padding:16px}.rank-cell{width:100px}.rank-badge{align-items:center;background:#f7fafc;border-radius:20px;display:inline-flex;font-weight:600;gap:8px;padding:6px 12px}.rank-emoji-small{font-size:18px}tr.rank-gold .rank-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#7c2d12}tr.rank-silver .rank-badge{background:linear-gradient(135deg,silver,#e8e8e8);color:#1a202c}tr.rank-bronze .rank-badge{background:linear-gradient(135deg,#cd7f32,#e5a45b);color:#7c2d12}tr.rank-top10 .rank-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}tr.rank-top25 .rank-badge{background:#e9d8fd;color:#44337a}.name-cell{font-weight:500}.you-badge{background:#38b2ac;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;text-transform:uppercase}.score-cell strong{color:#2d3748;font-size:16px}.percentage-cell{color:#667eea;font-weight:600}.accuracy-cell{color:#48bb78}.time-cell{color:#718096;font-family:Courier New,monospace}.perf-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.perf-badge.outstanding{background:#c6f6d5;color:#22543d}.perf-badge.excellent{background:#bee3f8;color:#2c5282}.perf-badge.good{background:#e9d8fd;color:#44337a}.perf-badge.average{background:#feebc8;color:#7c2d12}.perf-badge.poor{background:#fed7d7;color:#742a2a}.no-data-message{color:#718096;padding:60px 20px;text-align:center}.no-data-message p{font-size:16px;margin:0}.leaderboard-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:center;padding:20px 24px}@media (max-width:768px){.leaderboard-content{border-radius:0;max-height:100vh}.leaderboard-header{padding:16px 20px}.leaderboard-header h2{font-size:20px}.user-rank-card{flex-direction:column;gap:20px;margin:16px;padding:20px}.rank-emoji{font-size:48px}.rank-number{font-size:36px}.rank-stats{flex-direction:row;gap:16px}.leaderboard-table-container{padding:16px}.leaderboard-table{font-size:12px}.leaderboard-table td,.leaderboard-table th{padding:8px}.accuracy-cell,.leaderboard-table th:nth-child(5),.leaderboard-table th:nth-child(6),.time-cell{display:none}}.results-container{background:#f7fafc;min-height:100vh;padding:32px}.results-header{margin-bottom:32px}.results-header h1{color:#2d3748;font-size:32px;margin-top:12px}.results-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:32px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#718096;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.tab-button:hover{color:#667eea}.tab-button.active{border-bottom-color:#667eea;color:#667eea}.results-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;padding:32px}.overview-section{display:flex;flex-direction:column;gap:32px}.score-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea4d;color:#fff;display:flex;justify-content:space-between;padding:40px}.score-main h1{font-size:72px;line-height:1;margin:0}.score-total{font-size:18px;margin-top:8px;opacity:.9}.score-percentage{text-align:center}.percentage-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;display:inline-block;font-size:48px;font-weight:700;margin-bottom:12px;padding:16px 32px}.percentage-badge.excellent{background:#48bb784d}.percentage-badge.good{background:#ed89364d}.percentage-badge.needs-improvement{background:#e53e3e4d}.percentage-label{font-size:20px;opacity:.95}.stats-grid-results{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card-result{background:#f7fafc;gap:16px;padding:20px}.stat-card-result,.stat-icon-result{align-items:center;border-radius:12px;display:flex}.stat-icon-result{flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon-result.correct{background:#c6f6d5;color:#22543d}.stat-icon-result.incorrect{background:#fed7d7;color:#742a2a}.stat-icon-result.unanswered{background:#feebc8;color:#7c2d12}.stat-icon-result.accuracy{background:#e6fffa;color:#234e52}.stat-icon-result.time{background:#e9d8fd;color:#44337a}.stat-icon-result.avg-time{background:#bee3f8;color:#2c5282}.stat-content h3{color:#2d3748;font-size:24px;margin:0 0 4px}.stat-content p{color:#718096;font-size:14px;margin:0}.analysis-info{background:#f7fafc;border-radius:12px;padding:24px}.analysis-info h3{color:#2d3748;font-size:20px;margin-bottom:16px}.detail-row{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#718096;font-weight:600}.detail-value{color:#2d3748;font-weight:500}.subject-analysis{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.subject-card{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;padding:20px}.subject-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.subject-header h3{color:#2d3748;font-size:18px;margin:0}.subject-score{background:#667eea;border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:6px 12px}.subject-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.subject-stat{text-align:center}.subject-stat .stat-label{color:#718096;display:block;font-size:12px;margin-bottom:4px}.subject-stat .stat-value{color:#2d3748;display:block;font-size:20px;font-weight:700}.correct-text{color:#22543d!important}.incorrect-text{color:#742a2a!important}.accuracy-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.accuracy-fill{background:linear-gradient(90deg,#48bb78,#38a169);border-radius:4px;height:100%;transition:width .5s ease}.accuracy-text{color:#4a5568;font-size:14px;font-weight:600;margin:0}.solutions-section{display:flex;flex-direction:column;gap:20px}.solution-card{border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s ease}.solution-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.solution-card.correct{border-left:4px solid #48bb78}.solution-card.incorrect{border-left:4px solid #e53e3e}.solution-card.unanswered{border-left:4px solid #ed8936}.solution-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.solution-number{color:#2d3748;font-weight:600;gap:12px}.solution-number,.status-badge{align-items:center;display:flex}.status-badge{border-radius:50%;color:#fff;font-weight:700;height:28px;justify-content:center;width:28px}.status-badge.correct{background:#48bb78}.status-badge.incorrect{background:#e53e3e}.status-badge.unanswered{background:#ed8936}.solution-meta{display:flex;gap:8px}.solution-body{padding:20px}.options-review{display:flex;flex-direction:column;gap:12px;margin:20px 0}.option-review{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.option-review.correct-answer{background:#c6f6d5;border-color:#48bb78}.option-review.wrong-answer{background:#fed7d7;border-color:#e53e3e}.correct-indicator{color:#22543d}.correct-indicator,.wrong-indicator{font-size:14px;font-weight:600;margin-left:auto}.wrong-indicator{color:#742a2a}.explanation-section{background:#edf2f7;border-left:4px solid #4299e1;border-radius:8px;margin-top:16px;padding:16px}.explanation-section h4{color:#2d3748;margin:0 0 8px}.explanation-section p{color:#4a5568;line-height:1.6;margin:0}.results-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:768px){.results-container,.results-content{padding:20px}.score-card{flex-direction:column;gap:24px;text-align:center}.score-main h1{font-size:56px}.percentage-badge{font-size:36px}.stats-grid-results,.subject-analysis{grid-template-columns:1fr}.subject-stats{grid-template-columns:repeat(2,1fr)}.results-tabs{overflow-x:auto}.tab-button{white-space:nowrap}}.rank-comparison-section{background:#f7fafc;border-radius:16px;margin:32px 0;padding:32px}.comparison-title{color:#2d3748;font-size:22px;margin:0 0 24px;text-align:center}.rank-display-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:24px;padding:32px;text-align:center}.rank-badge-display{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:16px}.rank-emoji-large{font-size:64px}.rank-info{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.rank-number{font-size:48px;font-weight:700;line-height:1}.rank-label{font-size:18px;opacity:.9}.rank-percentile{font-size:14px;opacity:.8}.participants-info{font-size:16px;opacity:.9}.comparison-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.comparison-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.comparison-card.topper-card{border-left:4px solid gold}.comparison-card.you-card{border-left:4px solid #667eea}.comparison-card.average-card{border-left:4px solid #48bb78}.card-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.card-icon{font-size:32px}.card-header h4{color:#2d3748;font-size:16px;margin:0}.comparison-stats{display:flex;flex-direction:column;gap:12px}.stat-row{align-items:center;color:#4a5568;display:flex;font-size:14px;justify-content:space-between}.stat-row strong{color:#2d3748;font-size:16px}@media (max-width:768px){.rank-comparison-section{padding:20px}.rank-badge-display{flex-direction:column}.rank-emoji-large{font-size:48px}.rank-info{align-items:center}.rank-number{font-size:36px}.comparison-grid{grid-template-columns:1fr}}.App{min-height:100vh}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.btn-large{font-size:18px;padding:16px 32px}.loading{align-items:center;color:#fff;display:flex;font-size:20px;height:100vh;justify-content:center}
/*# sourceMappingURL=main.dfa71888.css.map*/