*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background:#fbfbfd;color:#1d1d1f;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:720px;margin:0 auto;padding:40px 20px}h1{text-align:center;margin-bottom:32px;color:#1d1d1f;font-size:40px;font-weight:600;letter-spacing:-.02em}h2{font-size:24px;font-weight:600;color:#1d1d1f;margin-bottom:20px;letter-spacing:-.01em}.nav{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.nav a{padding:12px 24px;background:#1d1d1f;color:#fff;text-decoration:none;border-radius:980px;font-size:14px;font-weight:500;transition:all .3s ease}.nav a:hover{background:#424245}.nav a.active{background:#0071e3}.filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.filters select{padding:12px 16px;border:1px solid #d2d2d7;border-radius:12px;font-size:15px;background:#fff;color:#1d1d1f;cursor:pointer;transition:border-color .2s ease;min-width:180px}.filters select:hover{border-color:#86868b}.filters select:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.filters button{padding:12px 24px;background:#0071e3;color:#fff;border:none;border-radius:980px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.filters button:hover{background:#0077ed}.card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 24px #0000000f;margin-bottom:24px}.question-text{font-size:19px;margin-bottom:28px;line-height:1.6;color:#1d1d1f;font-weight:400}.answers{display:flex;flex-direction:column;gap:12px}.answer-btn{padding:18px 24px;text-align:left;background:#f5f5f7;border:2px solid transparent;border-radius:14px;cursor:pointer;font-size:16px;color:#1d1d1f;transition:all .2s ease;line-height:1.5}.answer-btn:hover{background:#e8e8ed}.answer-btn.selected{background:#0071e3;color:#fff;border-color:#0071e3}.answer-btn.correct{background:#34c759;color:#fff;border-color:#34c759}.answer-btn.incorrect{background:#ff3b30;color:#fff;border-color:#ff3b30}.answer-btn.show-correct{background:#34c759;color:#fff;border-color:#34c759}.submit-btn,.next-btn{margin-top:28px;padding:14px 32px;background:#0071e3;color:#fff;border:none;border-radius:980px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-btn:hover,.next-btn:hover{background:#0077ed}.submit-btn:disabled{background:#d2d2d7;cursor:not-allowed}.score{text-align:center;font-size:15px;margin-bottom:24px;padding:14px 20px;background:#fff;border-radius:14px;color:#86868b;box-shadow:0 2px 12px #0000000a}.flashcard{perspective:1000px;height:320px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f;overflow-y:auto}.flashcard-back{transform:rotateY(180deg);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.flashcard-nav{display:flex;justify-content:center;gap:12px;margin-top:24px}.flashcard-nav button{padding:12px 24px;background:#1d1d1f;color:#fff;border:none;border-radius:980px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.flashcard-nav button:hover{background:#424245}.flashcard-nav button:disabled{background:#d2d2d7;color:#86868b;cursor:not-allowed}.progress{text-align:center;color:#86868b;margin-bottom:16px;font-size:14px;font-weight:500}.write-in-answer{margin-top:24px;padding:24px;background:#f5f5f7;border-radius:14px;white-space:pre-wrap;line-height:1.6}.hint{text-align:center;color:#86868b;font-size:13px;margin-top:16px}.filter-tabs{display:flex;gap:8px;margin-bottom:24px;background:#f5f5f7;padding:4px;border-radius:12px;width:fit-content}.filter-tab{padding:10px 20px;background:transparent;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:#1d1d1f;transition:all .2s ease}.filter-tab:hover{background:#0000000a}.filter-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#1d1d1f}.login-card{background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 4px 24px #0000000f;text-align:center;margin-top:80px}.login-card h1{margin-bottom:16px}.login-card p{color:#86868b;margin-bottom:32px;font-size:17px}.login-btn{padding:14px 32px;background:#0071e3;color:#fff;border:none;border-radius:980px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.login-btn:hover{background:#0077ed}.user-bar{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:12px 20px;background:#fff;border-bottom:1px solid #e8e8ed;font-size:14px;color:#86868b}.logout-btn{padding:8px 16px;background:transparent;color:#0071e3;border:1px solid #0071e3;border-radius:980px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#0071e3;color:#fff}.toggle-row{display:flex;align-items:center;gap:12px;margin-top:20px}.toggle{position:relative;display:inline-block;width:50px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d2d2d7;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle input:checked+.toggle-slider{background-color:#0071e3}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-label{font-size:15px;color:#1d1d1f;font-weight:500}