@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--color-primary:#6c63ff;--color-primary-light:#8b83ff;--color-primary-dark:#5046e4;--color-secondary:#03dac6;--color-secondary-dark:#00b3a6;--color-success:#03dac6;--color-warning:#ffb74d;--color-danger:#cf6679;--color-bg:#101018;--color-surface:#1a1a2e;--color-surface-2:#252538;--color-border:#ffffff1a;--color-text:#fff;--color-text-secondary:#ffffffb3;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-glow:linear-gradient(135deg, #6c63ff66 0%, #03dac666 100%);--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006;--shadow-glow:0 0 20px #6c63ff4d;--shadow-glow-secondary:0 0 20px #03dac64d;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:var(--color-primary);transition:all var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light);text-shadow:var(--shadow-glow)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;font-family:inherit}input:focus,textarea:focus,select:focus,button:focus{outline:none}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:3rem 2rem;animation:.5s forwards fadeIn}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:#1a1a2eb3}.glass-panel:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:#6c63ff4d;transform:translateY(-4px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:2rem;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-primary);opacity:0;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.card:hover{box-shadow:var(--shadow-md);border-color:#fff3;transform:translateY(-4px)}.app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);z-index:50;background:#101018cc;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.app-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm), var(--shadow-glow);border:none}.btn-primary:hover{box-shadow:var(--shadow-md), 0 0 30px #6c63ff80}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);background:#6c63ff1a}.btn-accent{background:var(--color-secondary);color:#000;box-shadow:var(--shadow-glow-secondary)}.btn-accent:hover{background:var(--color-secondary-dark)}.btn-danger{color:var(--color-danger);background:#cf66791a;border:1px solid #cf66794d}.btn-danger:hover{background:var(--color-danger);color:#fff}.form-group{margin-bottom:2rem}.form-label{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:all var(--transition-fast);padding:1rem 1.25rem;font-size:1rem}.form-input:focus{border-color:var(--color-primary);background:#252538cc;box-shadow:0 0 0 3px #6c63ff33}.form-input::placeholder{color:#ffffff4d}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:var(--color-secondary);background:#03dac626}.badge-warning{color:var(--color-warning);background:#ffb74d26}.badge-danger{color:var(--color-danger);background:#cf667926}.badge-primary{color:var(--color-primary-light);background:#6c63ff26}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-primary{color:var(--color-primary-light)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.heading-1{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.heading-2{margin-bottom:1.25rem;font-size:2.5rem;font-weight:700}.heading-3{margin-bottom:1rem;font-size:1.75rem;font-weight:700}@media (width<=768px){.heading-1{font-size:2.5rem}.heading-2{font-size:2rem}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #6c63ff66}70%{box-shadow:0 0 0 15px #6c63ff00}to{box-shadow:0 0 #6c63ff00}}.animate-pulse-glow{animation:2s infinite pulse-glow}.join-code-box{border:1px dashed var(--color-primary);border-radius:var(--radius-md);text-align:center;letter-spacing:.2em;color:var(--color-secondary);text-shadow:0 0 10px #03dac680;background:#0000004d;padding:1rem;font-family:monospace;font-size:2rem}.table-container{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);background:#ffffff05;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:1.25rem 1.5rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.tabs{background:var(--color-surface-2);border-radius:var(--radius-lg);gap:.5rem;padding:.5rem;display:flex}.tab{text-align:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);flex:1;padding:.75rem 1rem;font-weight:600}.tab.active{background:var(--color-surface);color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.tab:hover:not(.active){color:var(--color-text);background:#ffffff0d}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-20{margin-top:5rem}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.ml-2{margin-left:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.pb-6{padding-bottom:1.5rem}.pb-32{padding-bottom:8rem}.pt-0\.5{padding-top:.125rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-y-3{row-gap:.75rem}.gap-x-2{column-gap:.5rem}.items-start{align-items:flex-start}.items-end{align-items:flex-end}@media (width>=768px){.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:items-end{align-items:flex-end}.md\:p-16{padding:4rem}.md\:p-10{padding:2.5rem}.md\:block{display:block}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:p-10{padding:2.5rem}}@media (width>=640px){.sm\:flex-row{flex-direction:row}.sm\:block{display:block}}.w-full{width:100%}.h-full{height:100%}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-12{width:3rem}.h-12{height:3rem}.w-64{width:16rem}.h-64{height:16rem}.w-80{width:20rem}.w-96{width:24rem}.h-96{height:24rem}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.min-w-\[200px\]{min-width:200px}.bg-bg{background-color:var(--color-bg)}.bg-surface{background-color:var(--color-surface)}.bg-surface-2{background-color:var(--color-surface-2)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-primary\/10{background-color:#6c63ff1a}.bg-success\/20{background-color:#03dac633}.bg-success\/10{background-color:#03dac61a}.bg-warning\/20{background-color:#ffb74d33}.bg-warning\/30{background-color:#ffb74d4d}.bg-danger\/20{background-color:#cf667933}.bg-danger\/10{background-color:#cf66791a}.text-white{color:#fff}.text-black{color:#000}.text-warning{color:var(--color-warning)}.border{border-style:solid;border-width:1px}.border-2{border-style:solid;border-width:2px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.border-b-2{border-bottom-style:solid;border-bottom-width:2px}.border-none{border:none}.border-border{border-color:var(--color-border)}.border-primary{border-color:var(--color-primary)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-danger{border-color:var(--color-danger)}.border-warning\/50{border-color:#ffb74d80}.border-danger\/30{border-color:#cf66794d}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.rounded-t-\[50\%\]{border-top-left-radius:50%;border-top-right-radius:50%}.rounded-b-md{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-tl-full{border-top-left-radius:var(--radius-full)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-display{font-family:var(--font-display)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.whitespace-pre-wrap{white-space:pre-wrap}.text-right{text-align:right}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.inset-0{inset:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.scale-110{transform:scale(1.1)}.z-10{z-index:10}.z-50{z-index:50}.-z-10{z-index:-10}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.blur-\[100px\]{filter:blur(100px)}.blur-\[120px\]{filter:blur(120px)}.blur-\[150px\]{filter:blur(150px)}.blur-\[200px\]{filter:blur(200px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.line-through{text-decoration:line-through}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ring-2{box-shadow:0 0 0 2px var(--color-primary)}.ring-success\/50{box-shadow:0 0 0 2px #03dac680}.ring-white{box-shadow:0 0 0 2px #fff}.ring-offset-2,.ring-offset-bg{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px white}.hover\:underline:hover{text-decoration:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:bg-surface-2:hover{background-color:var(--color-surface-2)}.hover\:bg-surface-2\/50:hover{background-color:#24283680}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-gray-500:hover{border-color:#6b7280}.hover\:text-white:hover{color:#fff}.hover\:text-primary-light:hover{color:var(--color-primary-light)}.hover\:text-red-400:hover{color:#f87171}.hover\:bg-warning\/30:hover{background-color:#ffb74d4d}.hover\:bg-emerald-400:hover{background-color:#34d399}.disabled\:opacity-50:disabled{opacity:.5}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-\[fadeIn_0\.2s_ease-out\]{animation:.2s ease-out forwards fadeIn}.animate-\[fadeIn_0\.3s_ease\]{animation:.3s forwards fadeIn}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-fit{width:fit-content}.accent-primary{accent-color:var(--color-primary)}.float-right{float:right}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.animate-fade-in{animation:.5s forwards fadeIn}.toggle-checkbox:checked{border-color:var(--color-primary);right:0}.toggle-checkbox:checked+.toggle-label{background-color:var(--color-primary)}.toggle-checkbox:checked+.toggle-label:after{border-color:#fff;transform:translate(100%)}.toggle-label{background-color:var(--color-surface-2);cursor:pointer;border:1px solid var(--color-border);border-radius:9999px;width:3rem;height:1.5rem;transition:all .3s;position:relative}.toggle-label:after{content:"";background-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.mock-analysis-container{max-width:1200px;margin:0 auto;padding:2rem;animation:.5s forwards fadeIn}.step-indicator{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.step-indicator .step{background:var(--color-surface-2);border-radius:50%;width:12px;height:12px;transition:all .3s}.step-indicator .step.active{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);transform:scale(1.2)}.step-indicator .step.completed{background:var(--color-success)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);text-align:center;cursor:pointer;background:#1a1a2e66;padding:4rem 2rem;transition:all .3s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background:#6c63ff1a}.text-preview{max-height:300px;color:var(--color-text-secondary);border-radius:var(--radius-md);white-space:pre-wrap;background:#0003;padding:1.5rem;font-family:monospace;font-size:.875rem;overflow-y:auto}.subject-card{border-left-style:solid;border-left-width:4px;transition:all .3s}.subject-card.physics{border-left-color:#4fc3f7}.subject-card.chemistry{border-left-color:#66bb6a}.subject-card.mathematics{border-left-color:#ffa726}.subject-card.biology{border-left-color:#ab47bc}.chapter-heatmap{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;margin-top:1rem;display:grid}.heatmap-cell{aspect-ratio:1;color:#fff;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.heatmap-cell:hover{z-index:10;box-shadow:var(--shadow-sm);transform:scale(1.1)}.confidence-badge{background:#ffffff1a;border-radius:12px;padding:2px 6px;font-size:.7rem}.performance-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.performance-bar-fill{height:100%;transition:width 1s ease-out}.stat-card{text-align:center;padding:1.5rem}.stat-card .value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.analysis-section{margin-bottom:3rem}.gap-list{flex-wrap:wrap;gap:.5rem;display:flex}.weak-chapter{color:var(--color-danger);font-weight:500}.strong-chapter{color:#66bb6a;font-weight:500}