:root{--neon-green:#0f8;--warning-orange:#f2c94c;--error-red:#ff4757;--glass-bg:#ffffff08}*,:before,:after{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.main-wrapper{flex-direction:column;align-items:center;width:100%;padding:24px 16px;display:flex}@media (width>=768px){.main-wrapper{padding:60px 20px}}.progress-container{z-index:100;-webkit-backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:900px;margin-bottom:20px;padding:12px 16px;position:sticky;top:0}@media (width>=768px){.progress-container{margin-bottom:40px;padding:15px 20px}}.master-bar{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50px;height:12px;overflow:hidden}@media (width>=768px){.master-bar{height:16px}}.fill{background:linear-gradient(90deg, var(--neon-green), #60a5fa);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00ff884d}.warning-split{border-color:var(--warning-orange);box-shadow:0 0 10px #f2c94c33}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:900px;padding:24px 16px;box-shadow:0 25px 50px -12px #00000080}@media (width>=768px){.glass-card{border-radius:32px;padding:60px}}.input-grid{gap:20px;margin:24px 0;display:grid}@media (width>=768px){.input-grid{gap:30px;margin:40px 0}}.input-grid.double{grid-template-columns:1fr}@media (width>=900px){.input-grid.double{grid-template-columns:1fr 1fr}}.input-group{flex-direction:column;gap:10px;display:flex}label{letter-spacing:.5px;color:#94a3b8;font-size:.8rem;font-weight:700}@media (width>=768px){label{letter-spacing:1px;font-size:.85rem}}h1{font-size:clamp(1.4rem,5vw,2.5rem)}h2{margin-top:0;font-size:clamp(1.1rem,4vw,1.8rem)}h3{font-size:clamp(.95rem,3vw,1.3rem)}input,textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:14px 16px;font-size:1rem;transition:all .3s}@media (width>=768px){input,textarea{padding:18px;font-size:1.1rem}}input:focus,textarea:focus{border-color:var(--warning-orange);background:#ffffff1a;outline:none}input.incomplete{border-left:4px solid var(--warning-orange)}input.complete{border-left:4px solid var(--neon-green)}.nav-btns{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;display:flex}.btn-next,.btn-submit{background:var(--warning-orange);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:14px;margin-left:auto;padding:14px 28px;font-size:.9rem;font-weight:800}@media (width>=768px){.btn-next,.btn-submit{padding:18px 45px;font-size:1rem}}.btn-back{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff3;border-radius:14px;padding:14px 28px;font-size:.9rem}@media (width>=768px){.btn-back{padding:18px 45px;font-size:1rem}}.text-green{color:var(--neon-green)}.text-amber{color:var(--warning-orange)}.signature-section{text-align:left;margin-top:24px}@media (width>=768px){.signature-section{margin-top:40px}}.sig-wrapper{cursor:crosshair;background:#ffffff0d;border:2px dashed #fff3;border-radius:16px;margin:12px 0;overflow:hidden}.sigCanvas{width:100%;height:140px;display:block}@media (width>=768px){.sigCanvas{height:200px}}.btn-clear{color:#09f530;cursor:pointer;background:0 0;border:1px solid #2ace09;border-radius:8px;padding:8px 20px;font-size:.8rem;font-weight:700}.student-info-row{grid-template-columns:1fr;gap:6px;display:grid}@media (width>=768px){.student-info-row{grid-template-columns:160px 1fr;align-items:center;gap:16px}}.quiz-layout{flex-direction:column;width:100%;padding:0;display:flex}.quiz-main-area{flex:1;width:100%;min-width:0;padding:0 8px}@media (width>=900px){.quiz-layout{flex-direction:row}.quiz-main-area{padding:0}}.sidebar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-wrap:nowrap;width:100%;margin-bottom:16px;padding:12px;display:flex;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav button{white-space:nowrap;flex-shrink:0;min-width:max-content;padding:6px 10px;font-size:.8rem;margin-bottom:0!important;margin-right:8px!important}@media (width>=900px){.sidebar-nav{background:#ffffff0d;flex-direction:column;width:120px;min-width:120px;margin-bottom:0;margin-right:24px;position:sticky;top:24px}.sidebar-nav button{min-width:100%;font-size:inherit;padding:6px 12px;margin-bottom:8px!important;margin-right:0!important}}.radio-option{cursor:pointer;align-items:flex-start;gap:10px;margin-top:10px;font-size:.95rem;line-height:1.5;display:flex}.radio-option input[type=radio]{width:auto;accent-color:var(--warning-orange);flex-shrink:0;margin-top:3px}.table-scroll-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}@media (width>=768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.access-card-grid{grid-template-columns:1fr;gap:16px;width:100%;max-width:900px;display:grid}@media (width>=600px){.access-card-grid{grid-template-columns:repeat(3,1fr)}}