button,input{font-family:inherit}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f5f7f4;background:#080a09;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font-family:inherit}a{color:inherit;text-decoration:none}.app{background-color:#080a09;background-image:linear-gradient(#b4ff3209 1px,#0000 1px),linear-gradient(90deg,#b4ff3209 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;position:relative;overflow:hidden}.app:before{content:"";filter:blur(120px);pointer-events:none;background:#beff3c12;width:700px;height:500px;position:absolute;top:120px;left:50%;transform:translate(-50%)}.navbar{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0c0bd9;border:1px solid #353b32;border-radius:17px;justify-content:space-between;align-items:center;width:calc(100% - 80px);max-width:1180px;height:68px;margin:12px auto 0;padding:0 18px 0 22px;display:flex;position:relative}.brand{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.brand-icon{color:#caff4d;border:1px solid #caff4d;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;display:flex;box-shadow:0 0 15px #caff4d1f}.nav-links{color:#b7bbb4;align-items:center;gap:38px;font-size:14px;display:flex}.nav-links a{transition:all .2s}.nav-links a:hover{color:#caff4d}.nav-button{color:#10130d;background:#caff4d;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:700;transition:all .2s}.nav-button:hover{background:#dcff7a;transform:translateY(-1px)}.hero{z-index:2;text-align:center;max-width:900px;margin:85px auto 0;padding:0 20px;position:relative}.ai-badge{color:#caff4d;letter-spacing:1px;background:#141911cc;border:1px solid #39412f;border-radius:30px;padding:7px 14px;font-size:11px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-4px;margin:25px 0 0;font-size:clamp(48px,7vw,82px);font-weight:750;line-height:.98}.hero h1 span{color:#caff4d;text-shadow:0 0 25px #caff4d14;display:block}.hero-description{color:#9da39a;max-width:680px;margin:25px auto 0;font-size:17px;line-height:1.65}.upload-section{z-index:3;width:100%;max-width:850px;margin:55px auto 0;padding:0 20px;position:relative}.upload-box{background:linear-gradient(145deg,#171c15f2,#0c0f0df2);border:1px solid #343b30;border-radius:20px;padding:38px;box-shadow:0 30px 80px #00000073,0 0 50px #caff4d06}.upload-box h2{margin:0 0 10px;font-size:26px}.upload-box>p{color:#92998f;font-size:15px;line-height:1.5}.upload-box input[type=file]{color:#aeb4a8;cursor:pointer;background:#0d100e;border:2px dashed #3e4638;border-radius:14px;width:100%;margin:25px 0;padding:25px}.upload-box input[type=file]:hover{border-color:#caff4d}.upload-box strong{color:#caff4d}.quiz-settings{justify-content:center;gap:16px;margin:25px 0;display:flex}.setting{text-align:left;flex-direction:column;flex:1;gap:8px;display:flex}.setting label{color:#858c82;font-size:12px;font-weight:600}.setting select{color:#f5f7f4;cursor:pointer;background:#0c0f0d;border:1px solid #3a4235;border-radius:9px;width:100%;padding:13px 14px;font-size:14px}.setting select:focus{border-color:#caff4d;outline:none}.upload-box button{color:#10130d;cursor:pointer;background:#caff4d;border:none;border-radius:10px;width:100%;margin:20px auto 0;padding:14px 25px;font-size:15px;font-weight:700;transition:all .2s;display:block}.upload-box button:hover:not(:disabled){background:#dcff7a;transform:translateY(-2px);box-shadow:0 8px 25px #caff4d1f}.upload-box button:disabled{opacity:.35;cursor:not-allowed}.steps-section{z-index:2;max-width:1100px;margin:100px auto 0;padding:0 20px;position:relative}.section-heading{text-align:center;margin-bottom:35px}.section-heading span{color:#caff4d;letter-spacing:2px;font-size:11px;font-weight:700}.section-heading h2{margin:12px 0 0;font-size:30px}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step-card{background:#0e110fe6;border:1px solid #30372d;border-radius:16px;min-height:220px;padding:25px;transition:all .25s;position:relative}.step-card:hover{border-color:#657044;transform:translateY(-4px)}.step-number{color:#59604f;font-size:12px;font-weight:700}.step-icon{color:#caff4d;background:#caff4d0f;border:1px solid #4e5c38;border-radius:11px;justify-content:center;align-items:center;width:45px;height:45px;margin-top:25px;font-size:21px;display:flex}.step-card h3{margin:18px 0 8px;font-size:19px}.step-card p{color:#858d82;margin:0;font-size:14px;line-height:1.6}.features-section{grid-template-columns:repeat(3,1fr);gap:15px;max-width:1100px;margin:45px auto 100px;padding:0 20px;display:grid}.feature-item{border-top:1px solid #252b24;gap:14px;padding:20px;display:flex}.feature-item>span{color:#caff4d;font-size:21px}.feature-item strong{font-size:14px}.feature-item p{color:#737b70;margin:5px 0 0;font-size:12px;line-height:1.5}.quiz-section{z-index:2;width:100%;max-width:800px;margin:70px auto;padding:0 20px;position:relative}.quiz-top{margin-bottom:20px}.back-button{color:#aab0a5;cursor:pointer;background:#101410;border:1px solid #353d31;border-radius:9px;padding:10px 15px}.back-button:hover{color:#caff4d;border-color:#caff4d}.footer{z-index:2;text-align:center;border-top:1px solid #1e241e;padding:35px 20px;position:relative}.footer span{color:#caff4d;font-weight:700}.footer p{color:#555d53;margin:8px 0 0;font-size:12px}@media (width<=700px){.navbar{width:calc(100% - 30px);padding:0 14px}.nav-links{display:none}.nav-button{padding:9px 13px;font-size:12px}.hero{margin-top:60px}.hero h1{letter-spacing:-2px}.hero-description{font-size:15px}.upload-box{padding:25px 18px}.quiz-settings{flex-direction:column}.steps,.features-section{grid-template-columns:1fr}}.upload-box input[type=file]{color:#0000;cursor:pointer;background:radial-gradient(circle,#caff4d0f,#0000 60%),#0b0e0c;border:1px solid #30382d;border-radius:16px;width:100%;height:190px;margin:25px 0;padding:0;transition:all .25s;position:relative}.upload-box input[type=file]:hover{background:radial-gradient(circle,#caff4d1a,#0000 60%),#0b0e0c;border-color:#71834b;box-shadow:0 0 30px #caff4d0d}.upload-box input[type=file]::file-selector-button{visibility:hidden}.file-upload-area{cursor:pointer;background:radial-gradient(circle,#caff4d0e,#0000 65%),#0b0e0c;border:1px solid #30382d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:190px;margin:25px 0;transition:all .25s;display:flex}.file-upload-area:hover{background:radial-gradient(circle,#caff4d1a,#0000 65%),#0b0e0c;border-color:#71834b;transform:translateY(-2px);box-shadow:0 12px 35px #00000040}.file-upload-area input{display:none}.upload-icon{color:#caff4d;background:#caff4d1a;border:1px solid #caff4d40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:25px;display:flex}.upload-title{color:#f5f7f4;font-size:17px;font-weight:700}.upload-subtitle{color:#858d82;margin-top:7px;font-size:14px}.upload-hint{color:#555d53;letter-spacing:.5px;margin-top:16px;font-size:11px}.quiz-box{text-align:left;background:linear-gradient(145deg,#121711fa,#090c0afa);border:1px solid #30382d;border-radius:20px;margin-top:0;padding:38px;box-shadow:0 30px 80px #00000073}.quiz-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.section-label{color:#caff4d;letter-spacing:2px;font-size:11px;font-weight:700}.quiz-header h2{letter-spacing:-1px;margin:10px 0 0;font-size:32px}.question-counter{color:#caff4d;font-size:20px;font-weight:700}.question-counter span{color:#555d53;font-size:14px}.quiz-progress{background:#20261e;border-radius:10px;width:100%;height:5px;margin-bottom:45px;overflow:hidden}.quiz-progress-bar{background:#caff4d;border-radius:10px;height:100%;transition:width .35s;box-shadow:0 0 12px #caff4d59}.question-area{margin-bottom:30px}.question-number{color:#687060;letter-spacing:1.5px;margin:0 0 12px;font-size:11px;font-weight:700}.question-area h3{color:#f4f6f1;margin:0;font-size:24px;font-weight:600;line-height:1.45}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{color:#dce1d8;text-align:left;cursor:pointer;background:#101410;border:1px solid #30382d;border-radius:12px;align-items:center;gap:15px;width:100%;min-height:65px;padding:12px 18px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.quiz-option:hover:not(:disabled){background:#151b13;border-color:#70804c;transform:translate(3px)}.quiz-option:disabled{cursor:default}.option-letter{color:#9ba391;border:1px solid #3b4436;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.option-text{flex:1;font-size:15px;line-height:1.4}.option-result{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:700;display:flex}.quiz-option.incorrect{background:#6e23231f;border-color:#6b3838}.quiz-option.incorrect .option-letter{color:#e87b7b;border-color:#7b4545}.quiz-option.incorrect .option-result{color:#ed7777;background:#ff50501a}.answer-feedback{background:#101410;border:1px solid #30382d;border-radius:12px;margin-top:22px;padding:18px 20px}.feedback-correct{border-color:#526536}.feedback-incorrect{border-color:#583838}.feedback-title{color:#caff4d;margin-bottom:7px;font-size:14px;font-weight:700}.feedback-incorrect .feedback-title{color:#ed7777}.answer-feedback p{color:#929a8e;margin:5px 0;font-size:14px;line-height:1.6}.next-button{color:#10130d;cursor:pointer;background:#caff4d;border:none;border-radius:10px;width:100%;margin-top:22px;padding:15px;font-size:15px;font-weight:700;transition:all .2s}.next-button:hover:not(:disabled){background:#dcff7a;transform:translateY(-2px);box-shadow:0 8px 25px #caff4d1f}.next-button:disabled{opacity:.25;cursor:not-allowed}.score-screen{text-align:center}.score-icon{color:#caff4d;background:#caff4d14;border:1px solid #53643a;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 18px;font-size:25px;display:flex}.score-screen h2{margin:10px 0;font-size:36px}.score-message{color:#8e9688;line-height:1.5}.score-circle{background:radial-gradient(circle, #101410 61%, transparent 62%), conic-gradient(#caff4d var(--progress), #252c23 var(--progress));border-radius:50%;justify-content:center;align-items:center;width:155px;height:155px;margin:35px auto;display:flex;box-shadow:0 0 35px #caff4d14}.score-circle span{color:#f5f7f4;font-size:35px;font-weight:700}.score-screen h3{margin:0;font-size:28px}.score-breakdown{color:#687060;margin-top:6px;font-size:13px}.score-actions button{color:#10130d;cursor:pointer;background:#caff4d;border:none;border-radius:9px;margin-top:15px;padding:13px 28px;font-weight:700}@media (width<=600px){.quiz-box{padding:25px 18px}.quiz-header h2{font-size:25px}.question-area h3{font-size:19px}.quiz-option{padding:11px 12px}.option-text{font-size:14px}}.quiz-option.correct{background:#f5c45117;border-color:#c99b35}.quiz-option.correct .option-letter{color:#f5c451;background:#f5c4511a;border-color:#f5c451}.quiz-option.correct .option-result{color:#f5c451;background:#f5c4511f}.feedback-correct .feedback-title{color:#f5c451}.selected-file{text-align:left;background:#111510;border:1px solid #30382d;border-radius:14px;align-items:center;gap:15px;width:100%;margin:22px 0 28px;padding:16px 18px;transition:all .2s;display:flex}.selected-file:hover{background:#141914;border-color:#566642}.file-icon{background:#191e18;border:1px solid #3a4434;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:48px;font-size:21px;display:flex}.file-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.file-info strong{color:#e8ece5;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;display:block;overflow:hidden}.file-info span{color:#737c6e;font-size:13px}.file-check{color:#caff4d;background:#caff4d1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:700;display:flex}@media (width<=600px){.selected-file{padding:14px}.file-info strong{font-size:14px}}