:root{--navy-950:#0c1626;--navy-900:#101d33;--navy-800:#16273f;--navy-700:#1f334d;--navy-600:#2c4566;--paper:#f8fafc;--paper-dim:#f1f5f9;--ink:#16202e;--ink-soft:#4a5568;--gold-500:#3157e8;--gold-400:#3157e8;--gold-100:#eef0ff;--line:#e2e8f0;--success:#2f7d5a;--success-bg:#e6f2ec;--warn:#a8701f;--warn-bg:#faf0dd;--danger:#b6402f;--danger-bg:#fbeae6;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--premium-indigo:#07154a;--premium-midnight:#101f66;--premium-blue:#3157e8;--premium-purple:#6d3df5;--premium-lavender:#eef0ff;--premium-yellow:#f6c84c;--premium-orange:#f59e0b;--premium-green:#22c55e;--premium-text:#111827;--premium-text-secondary:#64748b;--premium-border:#e5e7eb;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px #101d330f, 0 1px 1px #101d330a;--shadow-md:0 4px 14px #101d3314, 0 2px 4px #101d330f;--shadow-lg:0 12px 32px #101d3324, 0 4px 10px #101d3314}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--navy-950);margin:0;font-weight:600}button,input,select{font-family:inherit}a{color:inherit}::selection{background:var(--gold-100)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy-950), var(--navy-900) 60%, var(--navy-800));color:#e8ecf2;scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.brand-mark{font-family:var(--font-display);color:var(--gold-400);font-size:22px;font-weight:700}.brand-sub{color:#8fa0b8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px;font-size:11px}.nav-group{margin-top:18px}.nav-label{letter-spacing:.09em;text-transform:uppercase;color:#6d7f99;margin:0 0 8px 10px;font-size:10.5px}.nav-link{border-radius:var(--radius-sm);color:#c7d1de;opacity:1;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:14.5px;text-decoration:none;transition:background .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#3157e840;font-weight:600}.sidebar-footer{color:#6d7f99;border-top:1px solid #ffffff14;margin-top:auto;padding-top:18px;font-size:12px}.main{max-width:1180px;padding:36px 44px 60px}.page-header{margin-bottom:28px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-500);margin-bottom:6px;font-size:11.5px;font-weight:600}.page-title{font-size:30px}.page-sub{color:var(--ink-soft);max-width:640px;margin-top:6px;font-size:14.5px;line-height:1.5}.card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff}.card-pad{padding:32px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:20px 22px}.stat-value{font-family:var(--font-display);color:var(--navy-950);font-size:32px;font-weight:700;line-height:1.1}.stat-label{color:var(--ink-soft);margin-top:6px;font-size:12.5px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gold-500);color:#fff;box-shadow:0 4px 12px #3157e840}.btn-primary:hover{background:#274bcc;transform:translateY(-1px);box-shadow:0 6px 16px #3157e859}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--navy-900);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:var(--paper-dim)}.btn-danger-ghost{color:var(--danger);background:0 0;border:1px solid #eccac2;padding:6px 12px;font-size:13px}.btn-danger-ghost:hover{background:var(--danger-bg)}.badge{letter-spacing:.02em;border-radius:100px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{background:var(--paper-dim);color:var(--ink-soft)}.badge-gold{background:var(--gold-100);color:var(--gold-500)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--paper-dim);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-size:11px}tbody td{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--paper-dim)}.q-text{max-width:340px;line-height:1.4}.field{margin-bottom:20px}.field label{color:var(--navy-900);margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.field select,.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=number]{border:1.5px solid var(--line);width:100%;color:var(--navy-950);box-sizing:border-box;background:#fcfcfd;border-radius:8px;padding:12px 16px;font-size:14.5px;transition:all .2s}.field select:focus,.field input:focus{border-color:var(--gold-400);background:#fff;outline:none;box-shadow:0 0 0 4px #3157e826}.field input::placeholder{color:#94a3b8}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.filter-bar .field{min-width:150px;margin-bottom:0}.dropzone{border:2px dashed var(--line);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:#fff;padding:48px 24px;transition:border-color .15s,background .15s}.dropzone.active{border-color:var(--gold-500);background:var(--gold-100)}.dropzone-icon{margin-bottom:12px;font-size:34px}.skeleton{background:linear-gradient(90deg, var(--paper-dim) 25%, #e2e8f0 37%, var(--paper-dim) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.syllabus-exam{margin-bottom:28px}.syllabus-subject{margin-top:14px;padding-left:4px}.syllabus-subject-name{font-family:var(--font-display);color:var(--navy-900);margin-bottom:8px;font-size:17px;font-weight:600}.chapter-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;display:flex}.chapter-row.removed{background:var(--danger-bg);border-color:#eccac2}.chapter-name{font-size:14px;font-weight:500}.chapter-meta{color:var(--ink-soft);margin-top:2px;font-size:12px}.status-select{border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;padding:6px 10px;font-size:12.5px;font-weight:600}.empty-state{text-align:center;color:var(--ink-soft);padding:48px 24px}.empty-state h3{color:var(--navy-900);margin-bottom:8px;font-size:18px}.alert{border-radius:var(--radius-md);margin-bottom:18px;padding:14px 18px;font-size:13.5px;line-height:1.5}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #cbe6d8}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #f0cec6}.mono{font-family:var(--font-mono)}.landing-page{font-family:var(--font-body);color:var(--premium-text);background-color:#fff;flex-direction:column;min-height:100vh;display:flex}.landing-header{z-index:1000;background-color:var(--premium-indigo);color:#fff;justify-content:space-between;align-items:center;padding:24px 64px;transition:background-color .3s,box-shadow .3s;display:flex;position:sticky;top:0}.landing-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#07154af2;padding:16px 64px;box-shadow:0 4px 20px #0000001a}.brand-logo{font-family:var(--font-display);color:#fff;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.nav-links{align-items:center;gap:40px;display:flex}.nav-link{color:#ffffffe6;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.header-actions{align-items:center;gap:24px;display:flex}.btn-signin{color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s}.btn-signin:hover{opacity:.8}.btn-primary-yellow{color:#0c1626;cursor:pointer;background:linear-gradient(135deg,#f6c84c 0%,#f59e0b 100%);border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex;box-shadow:0 4px 14px #f59e0b66}.btn-primary-yellow:hover{background-color:#f8d365;transform:translateY(-2px);box-shadow:0 8px 16px #f6c84c4d}.btn-icon-right{margin-left:8px;transition:transform .2s}.btn-primary-yellow:hover .btn-icon-right{transform:translate(4px)}.btn-outline-white{color:#fff;background-color:#0000;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-outline-white:hover{background-color:#ffffff1a;border-color:#ffffff80}.hero-section{color:#fff;background:linear-gradient(135deg,#0a1138 0%,#101f66 100%);justify-content:center;align-items:center;padding:64px 64px 80px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:1;background-image:radial-gradient(circle at 15% 30%,#ffffff0d 2px,#0000 2px),radial-gradient(circle at 85% 20%,#ffffff0d 2px,#0000 2px),radial-gradient(circle at 75% 80%,#ffffff0d 2px,#0000 2px);background-size:100px 100px;position:absolute;inset:0}.hero-container{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:1280px;display:flex;position:relative}.hero-content{flex:1;max-width:600px}.hero-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;border:1px solid #ffffff80;border-radius:100px;margin-bottom:32px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex}.hero-title{color:#fff;font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1}.hero-title span{color:var(--premium-yellow)}.hero-subtitle{color:#fffc;max-width:520px;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-actions{align-items:center;gap:16px;display:flex}.hero-visual{flex:1;justify-content:center;align-items:center;height:500px;display:flex;position:relative}.hero-visual:before{content:"";z-index:-1;background:radial-gradient(circle,#6d3df566 0%,#6d3df500 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-image-mock{z-index:2;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #fffc;border-radius:16px;flex-direction:column;width:320px;height:420px;padding:24px;animation:6s ease-in-out infinite float-paper;display:flex;position:absolute;box-shadow:0 24px 48px #0000004d}.hero-image-shadow-1{z-index:1;background:#182a7a;border:1px solid #ffffff1a;border-radius:16px;width:320px;height:420px;animation:6s ease-in-out infinite float-shadow1;position:absolute;transform:translate(-15px,20px)rotate(-4deg)}.hero-image-shadow-2{z-index:0;background:#0c1645;border:1px solid #ffffff0d;border-radius:16px;width:320px;height:420px;animation:6s ease-in-out infinite float-shadow2;position:absolute;transform:translate(-30px,40px)rotate(-8deg)}@keyframes float-paper{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-15px)rotate(3deg)}}@keyframes float-shadow1{0%,to{transform:translate(-15px,20px)rotate(-4deg)}50%{transform:translate(-15px,15px)rotate(-3deg)}}@keyframes float-shadow2{0%,to{transform:translate(-30px,40px)rotate(-8deg)}50%{transform:translate(-30px,30px)rotate(-7deg)}}.floating-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:3;background:#101f66cc;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:transform .3s;display:flex;position:absolute;box-shadow:0 8px 24px #0003}.floating-badge:hover{transform:translateY(-5px)scale(1.05)}.badge-ai{animation:5s ease-in-out .5s infinite float-b1;top:40px;left:-40px}.badge-qc{animation:5s ease-in-out 1s infinite float-b1;top:120px;right:-60px}.badge-sm{animation:5s ease-in-out 1.5s infinite float-b1;bottom:80px;left:-20px}.badge-pr{animation:5s ease-in-out 2s infinite float-b1;bottom:40px;right:-40px}@keyframes float-b1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.trust-strip{color:#fff;z-index:3;background:#07154a;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:center;gap:80px;margin-top:-1px;padding:24px 64px;display:flex;position:relative}.trust-item{align-items:center;gap:16px;display:flex}.trust-icon{width:32px;height:32px;color:var(--premium-lavender)}.trust-text{font-size:16px;font-weight:700;font-family:var(--font-display)}.trust-subtext{color:#fff9;font-size:13px;font-weight:400}.features-section{text-align:center;background-color:#fff;padding:80px 64px}.section-eyebrow{color:var(--premium-blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700}.section-title{font-family:var(--font-display);color:var(--premium-midnight);margin-bottom:24px;font-size:40px;font-weight:800}.section-title span{color:var(--premium-purple)}.features-grid{grid-template-columns:repeat(3,1fr);gap:64px 32px;max-width:1100px;margin:48px auto 0;display:grid}.feature-card{text-align:center;background:#fff;border:2px solid #3157e8;border-radius:12px;padding:48px 24px 32px;transition:transform .3s,box-shadow .3s;position:relative}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3157e826}.feature-card-number{color:#fff;width:64px;height:64px;font-family:var(--font-display);background-color:#3157e8;border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:800;display:flex;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.feature-card-title{font-family:var(--font-display);color:var(--premium-midnight);margin-bottom:12px;font-size:18px;font-weight:800}.feature-card-body{color:var(--premium-text-secondary);font-size:14px;line-height:1.6}.how-it-works-section{background-color:var(--premium-lavender);text-align:center;padding:80px 64px}.steps-container{justify-content:space-between;align-items:flex-start;gap:40px;max-width:1100px;margin:48px auto 0;display:flex;position:relative}.step-card{text-align:center;z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-number{background-color:var(--premium-midnight);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:32px;font-size:20px;font-weight:700;display:flex;box-shadow:0 8px 16px #101f6633}.step-visual-wrapper{justify-content:center;align-items:center;width:100%;height:220px;margin-bottom:32px;display:flex;position:relative}.step-title{font-family:var(--font-display);color:var(--premium-midnight);margin-bottom:12px;font-size:22px;font-weight:800}.step-body{color:var(--premium-text-secondary);max-width:280px;font-size:15px;line-height:1.6}.step-connector-container{z-index:1;justify-content:center;align-items:center;width:68%;display:flex;position:absolute;top:140px;left:16%}.step-connector-line{flex:1}.step-connector-line:nth-child(3){flex:2}.step-connector-line{background-image:linear-gradient(90deg,#3157e866 50%,#0000 50%);background-repeat:repeat-x;background-size:12px 2px;height:2px;margin:0 24px}.step-connector-arrow{color:var(--premium-blue);letter-spacing:-2px;background-color:var(--premium-lavender);padding:0 8px;font-size:24px;font-weight:800}.cta-section{background-color:#fff;justify-content:center;padding:80px 64px;display:flex}.cta-box{background:linear-gradient(135deg,#0a1138 0%,#101f66 100%);border-radius:24px;width:100%;max-width:1100px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #07154a26}.cta-box-content{z-index:2;flex:1;padding:80px 64px;position:relative}.cta-title{font-family:var(--font-display);margin-bottom:20px;font-size:42px;font-weight:800;line-height:1.15;color:#fff!important}.cta-subtitle{color:#fffc;max-width:400px;margin-bottom:40px;font-size:18px;line-height:1.6}.cta-btn{border-radius:12px!important;padding:16px 32px!important;font-size:16px!important}.cta-trust{align-items:center;gap:16px;margin-top:48px;display:flex}.cta-avatars{display:flex}.cta-avatar{background:#e2e8f0;border:2px solid #101f66;border-radius:50%;width:40px;height:40px;margin-left:-12px}.cta-avatar:first-child{background:#6d3df5;margin-left:0}.cta-trust-text{flex-direction:column;display:flex}.cta-trust-text .stars{color:var(--premium-yellow);margin-bottom:4px;font-size:16px}.cta-trust-text span{color:#ffffffe6;font-size:13px;font-weight:600}.cta-box-visual{flex:1;min-height:400px;position:relative}.cta-box-visual:before{content:"";background:radial-gradient(circle,#6d3df533 0%,#0000 70%);position:absolute;inset:0}.floating-orb{filter:blur(50px);z-index:0;border-radius:50%;position:absolute}.orb-1{background:var(--premium-purple);opacity:.4;width:250px;height:250px;top:-50px;right:-50px}.orb-2{background:var(--premium-blue);opacity:.5;width:200px;height:200px;bottom:0;left:50px}.cta-glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;width:260px;height:320px;padding:32px 24px;animation:6s ease-in-out infinite float-glass;position:absolute;top:50%;left:50%;transform:translate(-30%,-45%)rotate(6deg);box-shadow:0 24px 40px #0000004d}.glass-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.glass-circle{background:#ffffff26;border-radius:50%;width:48px;height:48px}.glass-line{background:#ffffff26;border-radius:6px;height:12px;margin-bottom:16px}.glass-line.short{width:60%;margin-bottom:0}.glass-line.full{width:100%}.glass-line.partial{width:75%}.glass-button{background:var(--premium-blue);opacity:.9;border-radius:8px;width:100%;height:40px;margin-top:32px;box-shadow:0 8px 16px #f6c84c33}@keyframes float-glass{0%,to{transform:translate(-30%,-45%)rotate(6deg)}50%{transform:translate(-30%,-50%)rotate(8deg)}}.landing-footer{color:#ffffffb3;background-color:#050e32;padding:64px 64px 40px}.footer-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:40px;max-width:1280px;margin:0 auto 32px;padding-bottom:64px;display:grid}.footer-brand .brand-logo{margin-bottom:16px}.footer-brand p{max-width:280px;margin-bottom:24px;font-size:14px;line-height:1.6}.footer-heading{color:#fff;font-family:var(--font-display);margin-bottom:24px;font-size:16px;font-weight:700}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-newsletter input{color:#fff;width:100%;font-family:var(--font-body);background:#ffffff0d;border:1px solid #fff3;border-radius:8px;margin-bottom:12px;padding:12px 16px}.footer-newsletter input::placeholder{color:#fff6}.footer-bottom{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;font-size:12px;display:flex}@media (width<=1024px){.hero-container{text-align:center;flex-direction:column}.hero-content{flex-direction:column;align-items:center;margin-bottom:64px;display:flex}.features-grid{grid-template-columns:1fr 1fr}.steps-container{flex-direction:column;align-items:center}.step-connector-container{display:none}.cta-box{flex-direction:column}.cta-box-visual{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.landing-header{padding:16px 24px}.hero-section{padding:40px 24px 80px}.nav-links,.header-actions{display:none}.hero-title{font-size:40px}.trust-strip{text-align:center;flex-direction:column;gap:24px}.features-grid,.footer-grid{grid-template-columns:1fr}.hide-on-mobile{display:none!important}}