:root{font-family:Arial,sans-serif;color:#25243a;background:#f7f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #8b80e6;outline-offset:3px}.app{display:flex;min-height:100vh}.sidebar{width:255px;flex-shrink:0;background:#fff;border-left:1px solid #e9e8f0;display:flex;flex-direction:column;padding:24px 14px}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 30px}.brand-icon{font-size:30px}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{color:#89889b;font-size:11px;margin-top:5px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px;border:0;border-radius:10px;background:transparent;color:#5b5a70;text-align:right}.nav-item:hover{background:#f5f3ff}.nav-item.active{background:#eeeaff;color:#5545bd;font-weight:700}.sidebar-footer{margin-top:auto;padding:20px 10px 0;color:#aaa9b8;font-size:12px}.main-area{flex:1;min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eeeef4;padding:0 35px;font-weight:700}.guest-label{font-size:13px;color:#77758e;background:#f5f4fa;padding:9px 14px;border-radius:20px}.content{max-width:1150px;margin:auto;padding:42px 35px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:29px;margin:0 0 10px}.page-heading p{color:#77758e;margin:0}.welcome{background:linear-gradient(110deg,#eeeaff,#f9f7ff);border-radius:20px;padding:38px}.welcome h2{margin-top:0}.welcome p{color:#686580;line-height:1.8}.primary{background:#6255c7;color:#fff;border:0;border-radius:10px;padding:12px 22px;margin-top:12px}.primary:hover{background:#4e41b2}.secondary{background:#f0eef8;border:0;border-radius:10px;padding:12px 22px;margin:12px 10px}.section-title{margin:35px 0 20px;font-size:21px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-card{background:#fff;border:1px solid #efedf5;border-radius:16px;padding:25px;text-align:right;display:flex;flex-direction:column;align-items:flex-start}.feature-card:hover{border-color:#b6aef0;box-shadow:0 6px 22px #6255c712}.feature-icon{font-size:30px;margin-bottom:18px}.feature-card p{color:#89879c;font-size:14px}.card-link{color:#6255c7;font-size:13px;margin-top:auto;padding-top:12px}.panel{background:#fff;border-radius:18px;padding:35px;border:1px solid #efedf5}.question-counter{color:#77758e;font-size:14px}.progress-track{height:8px;background:#eeeaf8;border-radius:10px;margin:18px 0 35px;overflow:hidden}.progress-fill{height:100%;background:#6255c7;transition:width .2s}.question-text{text-align:left;font-size:23px;margin-bottom:30px}.answers{display:grid;gap:12px}.answer{background:#fafaff;border:1px solid #e7e5f0;border-radius:10px;padding:17px;text-align:left}.answer:hover:not(:disabled){border-color:#6255c7}.answer.correct{background:#dff5e6;border-color:#7bc69a}.answer.incorrect{background:#ffe5e5;border-color:#e99a9a}.feedback{margin-top:25px;padding:20px;background:#f7f7fc;border-radius:12px}.score{font-size:42px;font-weight:700;color:#6255c7}.empty-state{text-align:center;padding:70px 25px}.empty-state p{max-width:440px;margin:15px auto;color:#77758e;line-height:1.8}.empty-icon{font-size:48px}.menu-toggle{display:none;background:transparent;border:0;font-size:23px}.overlay{display:none}@media(max-width:768px){.sidebar{position:fixed;right:-270px;top:0;bottom:0;z-index:20;transition:right .2s}.sidebar.open{right:0}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;border:0;z-index:10}.menu-toggle{display:block}.topbar{padding:0 20px}.content{padding:25px 16px}.card-grid{grid-template-columns:1fr}.welcome,.panel{padding:25px 20px}.page-heading h1{font-size:24px}}