*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1e293b;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background:#05966933;color:#0f172a}::-moz-selection{background:#05966933;color:#0f172a}button{font:inherit;border:none;cursor:pointer;transition:all .2s ease}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}button:disabled:hover{transform:none!important;box-shadow:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.min-h-screen{min-height:100vh;position:relative}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-slate-200{background-color:#e2e8f0}.bg-slate-300{background-color:#cbd5e1}.bg-slate-400{background-color:#94a3b8}.bg-slate-700{background-color:#334155}.bg-slate-800{background-color:#1e293b}.bg-slate-900{background-color:#0f172a}.bg-white{background-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bg-emerald-50{background-color:#d1fae5}.bg-emerald-600{background:linear-gradient(135deg,#059669,#047857);background-color:#059669}.bg-emerald-700{background-color:#047857}.bg-red-50{background-color:#fef2f2}.text-slate-100{color:#f1f5f9}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-900{color:#0f172a}.text-white{color:#fff}.text-emerald-700{color:#047857}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.w-full{width:100%}.w-5{width:1.25rem}.w-8{width:2rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.h-0\.5{height:.125rem}.h-8{height:2rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border-width:1px;border-style:solid}.border-dashed{border-style:dashed}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-red-200{border-color:#fecaca}.border-emerald-200{border-color:#86efac}.border-transparent{border-color:transparent}.shadow-sm{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[80px_1fr\]{grid-template-columns:80px 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}.space-y-1>*+*{margin-top:.25rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.cursor-not-allowed{cursor:not-allowed}.block{display:block}.inline-block{display:inline-block}.text-center{text-align:center}.text-left{text-align:left}.max-w-md{max-width:28rem}.z-10{z-index:10}.z-\[5\]{z-index:5}.z-50{z-index:50}.fixed{position:fixed}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.bg-opacity-50{background-color:#00000080}.translate-x-0{transform:translate(0)!important}.-translate-x-full{transform:translate(-100%)}.w-\[280px\]{width:280px}.hover\:bg-slate-50:hover{background-color:#f8fafc;transform:translateY(-1px)}.hover\:bg-slate-100:hover{background-color:#f1f5f9;transform:translateY(-1px)}.hover\:bg-slate-800:hover{background-color:#1e293b;transform:translate(4px)}.hover\:bg-emerald-700:hover{background-color:#047857;box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}.hover\:text-white:hover{color:#fff}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:border-transparent:focus{border-color:transparent}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:p-10{padding:2.5rem}.md\:text-3xl{font-size:1.875rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-8{gap:2rem}}main{position:relative;width:100%;min-height:100vh;z-index:1}aside{z-index:10;background:linear-gradient(180deg,#0f172a,#1e293b);border-right:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:2px 0 8px #0000001a}aside button{border-radius:.625rem;transition:all .2s ease}aside button:hover{transform:translate(4px)}aside button[class*=bg-emerald-600]{box-shadow:0 4px 12px #0596694d;position:relative}aside button[class*=bg-emerald-600]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#10b981;border-radius:0 4px 4px 0}@media(max-width:1023px){main{width:100%;margin-left:0}}@media(min-width:1024px){.lg\:grid{display:grid}.lg\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:pl-12{padding-left:3rem}.lg\:hidden{display:none}.lg\:translate-x-0{transform:translate(0)!important}.lg\:grid>aside,.lg\:grid aside[class*=fixed]{position:sticky!important;top:0!important;transform:none!important;left:auto!important;width:100%!important;height:100vh!important;bottom:auto!important;overflow-y:auto!important}.lg\:grid main{margin-left:0!important;width:100%;position:relative}.min-h-screen:not(.lg\:grid) main{margin-left:280px}}.app-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.login-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#059669;border-right-color:#059669;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem;box-shadow:0 4px 12px #05966933}@keyframes spin{to{transform:rotate(360deg)}}.bg-white.rounded-xl{transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bg-white.rounded-xl:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}header.bg-white{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(226,232,240,.8)}section.bg-white{transition:all .3s ease}section.bg-white:hover{box-shadow:0 8px 16px #0000001a}button.bg-emerald-600,button[class*=bg-emerald-600]{position:relative;overflow:hidden;font-weight:600;letter-spacing:.025em}button.bg-emerald-600:before,button[class*=bg-emerald-600]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}button.bg-emerald-600:hover:before,button[class*=bg-emerald-600]:hover:before{width:300px;height:300px}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{transition:all .2s ease;font-weight:400}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,textarea:hover,select:hover{border-color:#94a3b8}article.bg-slate-50{transition:all .2s ease;border:1px solid transparent}article.bg-slate-50:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.java-editor{padding:1.5rem}.java-editor__error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:.5rem}.java-editor__header{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014;padding:1.5rem;margin-bottom:1.5rem;transition:box-shadow .3s ease;display:flex;align-items:center;justify-content:space-between;gap:1rem}.java-editor__header:hover{box-shadow:0 4px 12px #0000001f}.java-editor__header>div{flex:1}.java-editor__header h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.java-editor__header p{color:#475569}.java-editor__header-refresh-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;cursor:pointer;transition:all .2s ease;font-size:1.125rem;flex-shrink:0}.java-editor__header-refresh-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#0f172a;transform:rotate(90deg)}.java-editor__header-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.java-editor__layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}@media(max-width:1024px){.java-editor__layout{grid-template-columns:1fr}}.java-editor__sidebar{display:flex;flex-direction:column;gap:1rem}.java-editor__section{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;padding:1.5rem;transition:all .2s ease;overflow:hidden}@media(min-width:768px){.java-editor__section{padding:2rem}}@media(min-width:1280px){.java-editor__section{padding:2.5rem}}.java-editor__section h3{font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.75rem;overflow:hidden}.java-editor__select{width:100%;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;color:#0f172a;background:#fff}.java-editor__select:focus{outline:none;border-color:#059669;box-shadow:0 0 0 2px #05966933}input:focus,textarea:focus,select:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #05966926,0 2px 8px #0596691a;transform:translateY(-1px)}input,textarea,select{transition:all .2s ease}input:hover,textarea:hover,select:hover{border-color:#cbd5e1}.java-editor__questions{display:flex;flex-direction:column;gap:.5rem}.java-editor__question-btn{width:100%;text-align:left;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;background:#f8fafc;color:#334155;border:1px solid transparent;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.java-editor__question-btn:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translate(4px);box-shadow:0 2px 4px #0000000d}.java-editor__question-btn.active{background:linear-gradient(135deg,#059669,#047857);color:#fff;border-color:#059669;box-shadow:0 4px 12px #0596694d;font-weight:600}.java-editor__evaluation{display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;overflow:hidden}@media(min-width:1280px){.java-editor__evaluation{gap:1rem;font-size:.9375rem}}.java-editor__score{padding:.75rem 1rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-radius:.5rem;font-weight:600;box-shadow:0 2px 4px #05966926;border:1px solid #86efac;overflow:hidden}@media(min-width:1280px){.java-editor__score{padding:1rem 1.5rem;font-size:1.125rem}}.java-editor__evaluation p{overflow:hidden}.java-editor__evaluation strong{color:#0f172a}.java-editor__evaluation ul{margin-top:.25rem;padding-left:1.5rem;color:#475569;list-style-type:disc;overflow:hidden}.java-editor__evaluation li{overflow:hidden}.java-editor__practice{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:1024px){.java-editor__practice{grid-template-columns:1fr 1fr;gap:1.5rem}}@media(min-width:1280px){.java-editor__practice{gap:2rem}}@media(min-width:1536px){.java-editor__practice{gap:2.5rem}}.java-editor__practice-item{padding:.75rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0;transition:all .2s ease;cursor:pointer;overflow:hidden;min-height:120px}@media(min-width:1024px){.java-editor__practice-item{padding:1.25rem;min-height:140px}}@media(min-width:1280px){.java-editor__practice-item{padding:1.5rem;min-height:160px}}@media(min-width:1536px){.java-editor__practice-item{padding:2rem;min-height:180px}}.java-editor__practice-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.java-editor__practice-item strong{font-size:.875rem;color:#0f172a;display:block;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1280px){.java-editor__practice-item strong{font-size:1rem;margin-bottom:.5rem}}.java-editor__practice-item p{font-size:.75rem;color:#475569;overflow:hidden}@media(min-width:1280px){.java-editor__practice-item p{font-size:.875rem;line-height:1.6}}.java-editor__main{display:flex;flex-direction:column;gap:1.5rem}.java-editor__question{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:all .3s ease}.java-editor__question:hover{box-shadow:0 4px 16px #0000001f}.java-editor__question-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.java-editor__question h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0;flex:1}.java-editor__difficulty{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.java-editor__difficulty--easy{background:#dcfce7;color:#166534;border:1px solid #86efac}.java-editor__difficulty--medium{background:#fef3c7;color:#92400e;border:1px solid #fde047}.java-editor__difficulty--hard{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.java-editor__question p{color:#475569;margin-bottom:1rem}.java-editor__test-cases{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem}.java-editor__test-cases-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.java-editor__test-cases strong{font-size:.875rem;font-weight:600;color:#0f172a}.java-editor__test-case-nav{display:flex;align-items:center;gap:.75rem}.java-editor__test-case-counter{font-size:.8125rem;color:#64748b;font-weight:500;min-width:3rem;text-align:center}.java-editor__test-case-nav-btn{padding:.375rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.8125rem;color:#475569;cursor:pointer;transition:all .2s ease}.java-editor__test-case-nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.java-editor__test-case-nav-btn:disabled{opacity:.5;cursor:not-allowed}.java-editor__test-case-single{margin-top:.5rem}.java-editor__test-case-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.java-editor__test-case-content{display:flex;flex-direction:column;gap:.75rem}.java-editor__test-case-content>div{display:flex;flex-direction:column;gap:.375rem}.java-editor__test-case-content strong{font-size:.8125rem;color:#475569;font-weight:600}.java-editor__test-case-pre{margin:0;padding:.5rem .75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.8125rem;color:#0f172a;white-space:pre-wrap;word-break:break-word}.java-editor__test-case-pre code{background:transparent;padding:0;border:none;font-size:inherit;color:inherit}.java-editor__test-cases ul{display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;list-style:none;padding:0;margin:0}.java-editor__test-cases li{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:#fff;border-radius:.375rem;border:1px solid #e2e8f0}.java-editor__test-case-label{font-weight:600;color:#475569;font-size:.8125rem}.java-editor__test-case-input,.java-editor__test-case-output{display:block;color:#64748b;font-size:.8125rem}.java-editor__test-case-input code,.java-editor__test-case-output code{background:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem;font-size:.8125rem;color:#0f172a;border:1px solid #e2e8f0}.java-editor__test-cases code,code{padding:.125rem .375rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.25rem;color:#0f172a;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875em;font-weight:500}.java-editor__code-area{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014;padding:1rem;transition:all .3s ease}.java-editor__code-area:focus-within{box-shadow:0 4px 16px #05966926;border-color:#059669}.java-editor__textarea{width:100%;height:24rem;padding:1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;color:#0f172a;background:#fafafa;resize:none;transition:all .2s ease}.java-editor__textarea:focus{outline:none;border-color:#059669;background:#fff;box-shadow:0 0 0 3px #05966926,0 2px 8px #0596691a;transform:translateY(-1px)}.java-editor__textarea::placeholder{color:#94a3b8;font-style:italic}.java-editor__actions{display:flex;flex-wrap:wrap;gap:.75rem}.java-editor__btn{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;transition:all .2s ease;cursor:pointer;border:none;position:relative;overflow:hidden}.java-editor__btn:disabled{opacity:.5;cursor:not-allowed}.java-editor__btn--run{background:linear-gradient(135deg,#334155,#1e293b);color:#fff;box-shadow:0 2px 8px #0f172a40}.java-editor__btn--run:hover:not(:disabled){background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 4px 12px #0f172a66;transform:translateY(-2px)}.java-editor__btn--test,.java-editor__btn--submit{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 2px 8px #05966940}.java-editor__btn--test:hover:not(:disabled),.java-editor__btn--submit:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #05966966;transform:translateY(-2px)}.java-editor__btn--evaluate{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;font-weight:600;box-shadow:0 2px 8px #3b82f640}.java-editor__btn--evaluate:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.java-editor__btn--cancel{background:#f1f5f9;color:#334155}.java-editor__btn--cancel:hover{background:#e2e8f0}.java-editor__output{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014;padding:1rem;transition:all .3s ease}.java-editor__output:hover{box-shadow:0 4px 12px #0000001f}.java-editor__output h4{font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.java-editor__output pre{padding:1rem;background:#1e293b;color:#e2e8f0;border-radius:.5rem;font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;white-space:pre-wrap;overflow-x:auto;line-height:1.6;border:1px solid #334155;box-shadow:inset 0 2px 4px #0000001a}.java-editor__test-results{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014;padding:1rem;transition:all .3s ease}.java-editor__test-results:hover{box-shadow:0 4px 12px #0000001f}.java-editor__test-results h4{font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.75rem}.java-editor__test-result{padding:.75rem;border-radius:.5rem;margin-bottom:.5rem}.java-editor__test-result.passed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #86efac;box-shadow:0 2px 4px #0596691a;transition:all .2s ease}.java-editor__test-result.passed:hover{transform:translate(4px);box-shadow:0 4px 8px #05966926}.java-editor__test-result.failed{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;box-shadow:0 2px 4px #dc26261a;transition:all .2s ease}.java-editor__test-result.failed:hover{transform:translate(4px);box-shadow:0 4px 8px #dc262626}.java-editor__test-result strong{font-size:.875rem}.java-editor__test-result.passed strong{color:#065f46}.java-editor__test-result.failed strong{color:#991b1b}.java-editor__test-result code{padding:.125rem .375rem;background:#0000001a;border-radius:.25rem}.java-editor__placeholder{background:#fff;border-radius:.75rem;border:2px dashed #e2e8f0;padding:4rem 2rem;text-align:center;transition:all .3s ease}.java-editor__placeholder:hover{border-color:#cbd5e1;background:#fafafa}.java-editor__placeholder p{color:#64748b;font-size:1rem;font-weight:500}.java-editor__dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.java-editor__dialog{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:1.5rem;max-width:28rem;width:100%;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}button,a,input,textarea,select,.java-editor__section,.java-editor__question-btn{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #059669;outline-offset:2px}a{color:#059669;text-decoration:none;transition:color .2s ease}a:hover{color:#047857;text-decoration:underline}.java-editor__dialog h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.java-editor__dialog p{color:#475569;margin-bottom:1rem}.java-editor__dialog-options{margin-bottom:1rem}.java-editor__dialog-options label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#334155}.java-editor__dialog-options input[type=checkbox]{width:1rem;height:1rem;color:#059669;border-color:#cbd5e1;border-radius:.25rem}.java-editor__dialog-actions{display:flex;gap:.75rem}.java-editor__dialog-actions .java-editor__btn{flex:1}.java-ai-evaluation{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;padding:1.5rem;margin-top:1.5rem}.java-ai-evaluation__header{margin-bottom:1.5rem}.java-ai-evaluation__header h3{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.java-ai-evaluation__content{display:flex;flex-direction:column;gap:1.25rem}.java-ai-evaluation__score{padding:1rem 1.25rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-radius:.5rem;font-weight:600;display:flex;justify-content:space-between;align-items:center}.java-ai-evaluation__score-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.java-ai-evaluation__score-value{font-size:1.5rem;font-weight:700}.java-ai-evaluation__section{display:flex;flex-direction:column;gap:.75rem}.java-ai-evaluation__section-title{font-size:.9375rem;font-weight:600;color:#0f172a}.java-ai-evaluation__list{margin:0;padding-left:1.5rem;color:#475569;list-style-type:disc;display:flex;flex-direction:column;gap:.5rem}.java-ai-evaluation__list li{font-size:.875rem;line-height:1.5}.java-ai-evaluation__test-summary{font-size:.875rem;color:#475569;margin:.5rem 0 0;padding:.75rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0;font-weight:500}.java-ai-evaluation__analysis{font-size:.875rem;color:#475569;line-height:1.6;margin:0}@media(min-width:1024px){.java-ai-evaluation{padding:2rem;margin-top:2rem}.java-ai-evaluation__content{gap:1.5rem}.java-ai-evaluation__score{padding:1.25rem 1.5rem}.java-ai-evaluation__score-value{font-size:1.75rem}.java-ai-evaluation__section-title{font-size:1rem}.java-ai-evaluation__list li,.java-ai-evaluation__analysis{font-size:.9375rem}}@media(min-width:1280px){.java-ai-evaluation{padding:2.5rem}.java-ai-evaluation__content{gap:2rem}}.java-practice-questions{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;padding:1.5rem;margin-top:1.5rem}.java-practice-questions__header{margin-bottom:1rem}.java-practice-questions__header h3{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.java-practice-questions__content{display:grid;grid-template-columns:1fr;gap:.75rem}.java-practice-questions__item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;transition:all .2s ease;overflow:hidden}.java-practice-questions__item:hover{background:#f1f5f9;border-color:#cbd5e1}.java-practice-questions__item strong{display:block;font-size:.9375rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.java-practice-questions__item p{font-size:.875rem;color:#475569;margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media(min-width:1024px){.java-practice-questions{padding:2rem;margin-top:2rem}.java-practice-questions__content{grid-template-columns:1fr 1fr;gap:1rem}.java-practice-questions__item{padding:1.25rem;min-height:100px}.java-practice-questions__item strong{font-size:1rem}.java-practice-questions__item p{font-size:.9375rem}}@media(min-width:1280px){.java-practice-questions{padding:2.5rem}.java-practice-questions__content{gap:1.5rem}.java-practice-questions__item{padding:1.5rem;min-height:120px}}.practice-subject-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s ease;cursor:pointer}.practice-subject-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.practice-subject-card--java{border-color:#e2e8f0}.practice-subject-card--java:hover{border-color:#059669;box-shadow:0 4px 12px #05966926}.practice-subject-card--web{opacity:1;cursor:pointer}.practice-subject-card--web:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px);border-color:#6366f1}.practice-subject-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.practice-subject-icon--maths{background:#dbeafe}.practice-subject-icon--java{background:#d1fae5}.practice-subject-icon--web{background:#f1f5f9}@media(min-width:768px){.practice-subject-card{padding:2rem}}@media(min-width:1280px){.practice-subject-card{padding:2.5rem}.practice-subject-icon{width:4rem;height:4rem}}.quiz-modal-container{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto;width:90%;max-width:28rem}@media(min-width:640px){.quiz-modal-container{width:32rem;max-width:32rem}}@media(min-width:1024px){.quiz-modal-container{width:36rem;max-width:36rem}}@media(min-width:1280px){.quiz-modal-container{width:40rem;max-width:40rem}}.quiz-modal-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:10}.quiz-modal-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.quiz-modal-close{color:#94a3b8;font-size:2rem;font-weight:300;line-height:1;background:none;border:none;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.quiz-modal-close:hover{color:#475569}.quiz-modal-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.quiz-modal-content{padding:2.5rem;gap:2rem}}.quiz-form-group{display:flex;flex-direction:column;gap:.5rem}.quiz-form-label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.5rem}@media(min-width:1024px){.quiz-form-label{font-size:1rem}}.quiz-form-textarea{width:100%;padding:.875rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.9375rem;font-family:inherit;resize:none;transition:all .2s ease;background:#fff;color:#0f172a}.quiz-form-textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.quiz-form-textarea::placeholder{color:#94a3b8}@media(min-width:1024px){.quiz-form-textarea{padding:1rem 1.25rem;font-size:1rem}}.quiz-form-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.9375rem;font-family:inherit;background:#fff;color:#0f172a;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5em 1.5em}.quiz-form-select:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}@media(min-width:1024px){.quiz-form-select{padding:1rem 3rem 1rem 1.25rem;font-size:1rem}}.quiz-form-value{color:#059669;font-weight:600;font-size:1rem}@media(min-width:1024px){.quiz-form-value{font-size:1.125rem}}.quiz-form-slider{width:100%;height:.5rem;border-radius:.25rem;background:#e2e8f0;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.quiz-form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:#059669;cursor:pointer;transition:all .2s ease}.quiz-form-slider::-webkit-slider-thumb:hover{background:#047857;transform:scale(1.1)}.quiz-form-slider::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#059669;cursor:pointer;border:none;transition:all .2s ease}.quiz-form-slider::-moz-range-thumb:hover{background:#047857;transform:scale(1.1)}@media(min-width:1024px){.quiz-form-slider{height:.625rem}.quiz-form-slider::-webkit-slider-thumb{width:1.5rem;height:1.5rem}.quiz-form-slider::-moz-range-thumb{width:1.5rem;height:1.5rem}}.quiz-form-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;margin-top:.5rem}@media(min-width:1024px){.quiz-form-slider-labels{font-size:.875rem}}.quiz-form-submit{width:100%;background:#059669;color:#fff;font-weight:500;padding:.875rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9375rem;margin-top:.5rem}.quiz-form-submit:hover:not(:disabled){background:#047857}.quiz-form-submit:disabled{opacity:.5;cursor:not-allowed}@media(min-width:1024px){.quiz-form-submit{padding:1rem 1.25rem;font-size:1rem}}.quiz-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.quiz-question-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border-radius:.5rem;font-weight:600;font-size:1.125rem;flex-shrink:0}.quiz-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s ease;background:#fff}.quiz-option:hover,.quiz-option-selected{border-color:#059669;background:#f0fdf4}.quiz-option-correct{border-color:#10b981;background:#d1fae5}.quiz-option-incorrect{border-color:#ef4444;background:#fee2e2}.quiz-radio{width:1.25rem;height:1.25rem;cursor:pointer}.quiz-option-label{flex:1;font-size:.9375rem;color:#0f172a}.quiz-correct-badge{padding:.25rem .75rem;background:#10b981;color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600}.quiz-incorrect-badge{padding:.25rem .75rem;background:#ef4444;color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600}.quiz-explanation{margin-top:1rem;padding:1rem;background:#f8fafc;border-left:4px solid #059669;border-radius:.5rem;font-size:.875rem;color:#475569;line-height:1.6}.quiz-results-summary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:1rem;padding:2rem;margin-bottom:2rem;text-align:center}.quiz-results-header{margin-bottom:1.5rem}.quiz-results-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.quiz-stat-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.quiz-stat-card--score{border-top:4px solid #10b981}.quiz-stat-card--marks{border-top:4px solid #059669}.quiz-stat-value{font-size:2.5rem;font-weight:700;color:#059669;margin-bottom:.5rem}.quiz-stat-label{font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.quiz-success-message,.quiz-good-message,.quiz-improve-message{padding:1rem;border-radius:.5rem;font-weight:500;font-size:1rem}.quiz-success-message{background:#d1fae5;color:#065f46;border:1px solid #10b981}.quiz-good-message{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.quiz-improve-message{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.java-choice-options{display:flex;flex-direction:column;gap:1rem}.java-choice-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.java-choice-btn:hover{border-color:#059669;box-shadow:0 4px 12px #05966926;transform:translateY(-2px)}.java-choice-btn--coding:hover{border-color:#059669;background:#f0fdf4}.java-choice-btn--quiz:hover{border-color:#6366f1;background:#f5f3ff}.java-choice-icon{font-size:2.5rem;flex-shrink:0}.java-choice-content{flex:1}.java-choice-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.25rem}.java-choice-desc{font-size:.875rem;color:#64748b}.java-choice-arrow{font-size:1.5rem;color:#94a3b8;flex-shrink:0;transition:all .2s ease}.java-choice-btn:hover .java-choice-arrow{color:#059669;transform:translate(4px)}@media(min-width:1024px){.java-choice-btn{padding:2rem}.java-choice-title{font-size:1.5rem}.java-choice-desc{font-size:1rem}}