:root{--bg-gradient: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%);--glass-bg: rgba(255, 255, 255, .6);--card-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--text-main: #2c3e50;--text-secondary: #64748B;--blue-accent: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);--pink-accent: linear-gradient(90deg, #ff9a9e 0%, #fecfef 100%);--orange-accent: linear-gradient(90deg, #f6d365 0%, #fda085 100%);--primary-color: #4facfe}*{box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;margin:0;padding:0;min-height:100vh;color:var(--text-main);display:flex;justify-content:center;overflow-x:hidden;background-color:#050914;background-image:radial-gradient(at 0% 0%,rgba(0,255,210,.7) 0px,transparent 50%),radial-gradient(at 90% 10%,rgba(255,0,255,.7) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(50,100,255,.6) 0px,transparent 60%),linear-gradient(to bottom,#050914,#1a1f40);background-size:200% 200%;animation:backgroundShift 15s ease infinite alternate;color:#ecf0f1}@keyframes backgroundShift{0%{background-position:0% 10%}50%{background-position:100% 90%}to{background-position:20% 50%}}.background-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-image:radial-gradient(at 10% 10%,rgba(79,172,254,.1) 0px,transparent 50%),radial-gradient(at 90% 90%,rgba(254,207,239,.1) 0px,transparent 50%)}.container{width:100%;max-width:1100px;padding:40px 20px;text-align:center}header.main-header h1{font-size:2rem;margin-bottom:2rem;font-weight:800}.user-bar{position:sticky;top:20px;z-index:100;background:#fff6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.5);border-radius:100px;padding:10px 30px;display:inline-flex;align-items:center;gap:20px;margin-bottom:30px;box-shadow:0 10px 30px #00000008;flex-wrap:wrap;justify-content:center}.user-info{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.nav-links{display:flex;gap:15px;align-items:center}.nav-btn{text-decoration:none;color:var(--text-main);font-weight:500;font-size:.9rem;cursor:pointer;background:none;border:none;padding:0}.nav-btn:hover{color:var(--primary-color)}.auth-btn{background:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:600;box-shadow:0 2px 5px #0000000d;transition:transform .2s}.auth-btn:hover{transform:translateY(-1px)}.timer-text{font-size:1.1rem;margin-bottom:1rem;color:var(--text-secondary)}.instruction-box{background:#fff6;border-radius:20px;padding:24px;max-width:1000px;margin:0 auto 40px;border:1px solid rgba(255,255,255,.2);text-align:center;box-shadow:var(--card-shadow)}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px}.card{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:32px;padding:60px 24px 30px;box-shadow:0 20px 40px #0000000a;transition:all .5s cubic-bezier(.23,1,.32,1);animation:float 6s ease-in-out infinite;overflow:hidden;position:relative;cursor:pointer;text-align:center}.card-blue{animation-delay:0s}.card-pink{animation-delay:-1.5s}.card-orange{animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.card:hover{transform:translateY(-20px) scale(1.02)!important;box-shadow:0 30px 60px #00000014;background:#ffffffe6;z-index:10}.card-header-accent{position:absolute;top:0;left:0;right:0;height:100px}.card-blue .card-header-accent{background:var(--blue-accent)}.card-pink .card-header-accent{background:var(--pink-accent)}.card-orange .card-header-accent{background:var(--orange-accent)}.icon-wrapper{position:relative;z-index:2;background:#fff;width:70px;height:70px;margin:0 auto 20px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 4px 15px #0000000d}.card h3{margin:15px 0 10px;font-size:1.4rem;font-weight:700;color:var(--text-main)}.card p{color:#666;font-size:.95rem;line-height:1.4;margin:0}#quiz-view{width:100%}#quiz-container{max-width:700px;margin:0 auto}.question-card{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:40px;box-shadow:var(--card-shadow);margin-bottom:20px;border:1px solid rgba(255,255,255,.4);text-align:center;color:#0b1026}.question-card>div:first-child{background:var(--blue-accent);color:#fff;display:inline-block;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.85rem;margin-bottom:24px}.question-text{font-size:1.6rem;font-weight:700;margin-bottom:30px;line-height:1.4;color:#0b1026}.options-grid{display:grid;gap:12px}.option-label{background:#fff;padding:16px 20px;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s;border:1px solid transparent;display:flex;align-items:center;font-weight:500;color:#333}.option-label:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.option-radio{display:none}.option-label:has(.option-radio:checked){background:var(--blue-accent);color:#fff;border-color:transparent;box-shadow:0 4px 15px #0096ff4d}.text-answer-input{width:100%;padding:16px;border-radius:12px;border:1px solid #ddd;text-align:center;font-size:1.1rem;margin-top:10px}#quiz-controls{display:flex;justify-content:space-between;margin-top:20px}.primary-btn{background:var(--blue-accent);color:#fff;border:2px solid rgba(255,255,255,.5);padding:12px 30px;border-radius:50px;font-weight:700;cursor:pointer;transition:transform .2s;box-shadow:0 4px 15px #0003}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}#dashboard-view{background:#ffffffe6;border-radius:24px;padding:30px;max-width:900px;margin:0 auto;box-shadow:var(--card-shadow)}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}#result-section{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;overflow-y:auto;padding:20px}.result-card{background:#fff;max-width:800px;width:100%;border-radius:30px;padding:40px;box-shadow:var(--card-shadow);text-align:center}.result-header h2{color:#333;margin-bottom:5px}.result-level{font-size:4rem;font-weight:800;background:var(--blue-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:10px 0}.result-score{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:20px}.detailed-results{text-align:left;max-height:50vh;overflow-y:auto;background:#f8f9fa;padding:20px;border-radius:12px;margin:20px 0;color:#333}.analysis-item{background:#fff;padding:15px;margin-bottom:10px;border-radius:8px;border:1px solid #eee;color:#333}.analysis-question-text{color:#0b1026;font-weight:600;margin-bottom:8px}.analysis-item.correct{border-left:4px solid #4caf50}.analysis-item.incorrect{border-left:4px solid #f44336}.sm-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);cursor:pointer;color:#fff;font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s}.sm-btn:hover{background:#fff3;transform:translateY(-2px);color:#fff}.question-level-badge{background:var(--blue-accent);color:#fff;display:inline-block;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.85rem;margin-bottom:24px}.option-label-idk{border:1px dashed #f59e0b!important;color:#d97706}.option-label-idk:hover{background:#fffbf0;border-color:#d97706!important}.error-msg{color:#e53e3e;background:#fff5f5;padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid #fc8181}.analysis-meta{font-weight:400;font-size:.9em;color:#666}.analysis-points{font-size:.8em;color:#666}.sm-btn:hover{color:var(--primary-color)}.zoom-controls{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:2000}.zoom-controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-main);font-size:1.5rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:all .2s;padding:0;line-height:1}.zoom-controls button:hover{background:#fff;transform:scale(1.1);box-shadow:0 8px 16px #00000026;color:var(--primary-color)}.zoom-controls button:active{transform:scale(.95)}@media(max-width:768px){.container{padding:20px 15px}.user-bar{flex-direction:column;padding:15px;width:100%;border-radius:20px;gap:15px}.nav-links{flex-wrap:wrap;justify-content:center;gap:10px}#dashboard-view{padding:20px;width:100%;box-shadow:none;background:#fffffff2}#teacher-controls h3{text-align:center}#teacher-controls>div{justify-content:center!important}#teacher-controls button{width:100%;margin-bottom:5px;font-size:.9rem;padding:10px 20px}#dashboard-view h2{color:#0b1026;font-weight:800}.table-container{overflow-x:auto;margin-top:20px;margin-bottom:20px;background:#fff;border-radius:16px;padding:15px;box-shadow:0 4px 15px #0000000d;border:1px solid rgba(0,0,0,.05)}#history-table thead{display:none}#history-table,#history-table tbody,#history-table tr,#history-table td{display:block;width:100%}#history-table th{color:#0b1026;font-weight:700}#history-table tr{margin-bottom:20px;background:#fff;border-radius:16px;padding:15px;box-shadow:0 4px 15px #0000000d;border:1px solid rgba(0,0,0,.05)}#history-table td{text-align:right;border-bottom:1px solid #f0f0f0;position:relative;padding:10px 0;display:flex;justify-content:space-between;align-items:center;color:#333}#history-table td:last-child{border-bottom:none;justify-content:center;padding-top:15px}#history-table td:before{content:attr(data-label);float:left;font-weight:700;color:var(--text-secondary);font-size:.9em;text-transform:uppercase}}@media(max-width:600px){.grid-container{grid-template-columns:1fr}}#dashboard-view{color:#333!important}#dashboard-view h2{color:#0b1026!important}#teacher-controls h3{color:#444!important}#teacher-controls button{color:#333}#history-table th{color:#0b1026!important}#history-table td{color:#333!important}.report-container,#stats-content{color:#333}#stats-content details{color:#333}#stats-content table th{color:#0b1026!important}#stats-content table td{color:#333!important}.report-section h4{color:#0b1026;margin-bottom:15px;border-bottom:1px solid #e0e0e0;padding-bottom:5px}.report-row{display:flex;align-items:center;margin-bottom:12px;font-size:.95rem}.report-label{width:120px;font-weight:600;color:#333;flex-shrink:0}.report-bar-container{flex-grow:1;background-color:#e0e0e0;height:12px;border-radius:6px;margin:0 15px;overflow:hidden}.report-bar{height:100%;border-radius:6px;transition:width 1s ease-out}.report-value{width:100px;text-align:right;font-weight:500;color:#333;flex-shrink:0}.report-recommendation{background:#e3f2fd;border-left:5px solid #2196f3;padding:15px;border-radius:8px;margin-top:25px;color:#0d47a1}.report-recommendation h4{color:#0d47a1;margin-top:0}.report-details-hint{color:#555!important}