@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";:root{--bg-primary: 0 0% 100%;--bg-secondary: 210 20% 98%;--text-primary: 220 15% 15%;--text-secondary: 220 10% 45%;--accent-color: 245 80% 60%;--accent-hover: 245 80% 55%;--border-color: 220 15% 90%;--card-bg: 0 0% 100%;--glass-bg: 0 0% 100% / .8;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--success: 142 70% 45%;--error: 0 84% 60%}[data-theme=dark]{--bg-primary: 220 25% 10%;--bg-secondary: 220 25% 12%;--text-primary: 210 20% 98%;--text-secondary: 215 15% 70%;--accent-color: 245 80% 70%;--accent-hover: 245 80% 75%;--border-color: 220 20% 20%;--card-bg: 220 25% 15%;--glass-bg: 220 25% 10% / .8;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));line-height:1.5;transition:background-color .3s ease,color .3s ease;min-height:100vh}h1,h2,h3,h4,.font-display{font-family:Outfit,sans-serif;font-weight:700}.auth-card{background:hsl(var(--card-bg));border:1px solid hsl(var(--border-color));border-radius:16px;padding:2rem;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;gap:.5rem}.btn-primary{background-color:hsl(var(--accent-color));color:#fff}.btn-primary:hover{background-color:hsl(var(--accent-hover));transform:translateY(-2px)}.btn-ghost{background:transparent;color:hsl(var(--text-primary))}.btn-ghost:hover{background:hsl(var(--bg-secondary))}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass{background:hsl(var(--glass-bg));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsl(var(--border-color))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.grid{display:grid;gap:1.5rem}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}:root{--brand-navy: #0A1628;--brand-blue: #00A0DF}.brand-bar{background:#fff;border-bottom:3px solid var(--brand-blue);padding:.5rem 2rem;display:flex;justify-content:flex-start;align-items:center}.brand-logo{font-family:EB Garamond,serif;font-size:1.75rem;font-weight:500;color:var(--brand-navy);letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center}.brand-logo span{color:var(--brand-blue)}[data-theme=dark] .brand-bar{background:var(--brand-navy)}[data-theme=dark] .brand-logo{color:#fff}.app-container{min-height:100vh;padding-bottom:2rem}header{position:sticky;top:0;z-index:100;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.header-content{height:72px;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-icon{color:hsl(var(--accent-color))}nav{display:flex;gap:1rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:hsl(var(--text-secondary));font-weight:500;cursor:pointer;transition:all .2s ease}.nav-link:hover{color:hsl(var(--text-primary));background:hsl(var(--bg-secondary))}.nav-link.active{color:hsl(var(--accent-color));background:hsl(var(--accent-color) / .1)}.header-actions{display:flex;align-items:center;gap:.75rem}.btn-icon{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:8px;border:1px solid hsl(var(--border-color));background:transparent;color:hsl(var(--text-primary));cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:hsl(var(--bg-secondary))}.lang-label{font-size:.75rem;font-weight:700}@media(max-width:768px){.brand-logo{font-size:1.4rem}.header-content{height:64px;padding:0 1rem}.logo-section h1{font-size:1.25rem}.logo-section .logo-icon{width:24px;height:24px}.nav-link{padding:.5rem;gap:0}.nav-link span{display:none}.header-actions{gap:.5rem}}.search-section{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.search-section{flex-direction:row;gap:1rem;align-items:flex-start}}.search-filter{flex:3!important}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:140px}.filter-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:hsl(var(--text-secondary));letter-spacing:.05em;padding-left:.25rem;height:1rem}.search-bar{position:relative;width:100%}.search-bar input,.filter-group select{width:100%;padding:.65rem 1rem;border-radius:12px;border:1px solid hsl(var(--border-color));background:hsl(var(--card-bg));color:hsl(var(--text-primary));font-size:.95rem;outline:none;transition:all .2s ease;min-height:44px}.search-bar input{padding-left:2.75rem}.search-bar input:focus{border-color:hsl(var(--accent-color));box-shadow:0 0 0 2px hsl(var(--accent-color) / .1)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:hsl(var(--text-secondary));pointer-events:none;z-index:2}.clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:hsl(var(--text-secondary));cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:3}.clear-search:hover{background:hsl(var(--bg-secondary));color:hsl(var(--text-primary))}.term-card{display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.term-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.term-header{display:flex;justify-content:space-between;align-items:center}.term-type{font-size:.7rem;font-weight:700;text-transform:uppercase;color:hsl(var(--accent-color));background:hsl(var(--accent-color) / .1);padding:.25rem .5rem;border-radius:4px}.term-level{font-size:.75rem;font-weight:600}.level-giriş{color:#22c35d}.level-orta{color:#f29e0d}.level-ileri{color:#ef4343}.description{color:hsl(var(--text-secondary));font-size:.925rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.term-footer{margin-top:auto;padding-top:1rem;border-top:1px solid hsl(var(--border-color))}.alt-term{font-size:.8rem;font-weight:600;color:hsl(var(--text-secondary));font-style:italic}.placeholder-content{padding:4rem 2rem;text-align:center;background:hsl(var(--bg-secondary));border-radius:20px;border:2px dashed hsl(var(--border-color))}.custom-toggles{display:flex;align-items:center;gap:1rem}.toggle-section{display:flex;align-items:center;gap:.5rem}.toggle-separator{width:1px;height:20px;background:#334155;margin:0 .25rem}.toggle-label{font-size:.8rem;font-weight:900;color:#475569;letter-spacing:.05em;transition:color .3s ease;-webkit-user-select:none;user-select:none}.toggle-label.active.tr{color:#f43f5e}.toggle-label.active.en{color:#f8fafc}[data-theme=light] .toggle-label.active.en{color:#1e293b}.icon-gray{color:#475569}.icon-white{color:#f8fafc}[data-theme=light] .icon-white{color:#f59e0b}.icon-blue{color:#0ea5e9}.load-more-container{display:flex;justify-content:center;margin-top:3rem;margin-bottom:2rem}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;padding:0;border:none;background:hsl(var(--accent-color));color:#fff;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.scroll-to-top:hover{transform:translateY(-5px);background:hsl(var(--accent-hover))}.tour-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.tour-highlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #000000b3,0 0 15px #ffffff80;z-index:10001;pointer-events:none;transition:all .3s ease}.tour-popover{position:fixed;width:300px;padding:1.5rem;z-index:10002;border-radius:20px;box-shadow:0 20px 40px #0006;animation:tour-bounce .4s cubic-bezier(.175,.885,.32,1.275);background:hsl(var(--card-bg));border:1px solid hsl(var(--border-color))}@keyframes tour-bounce{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.popover-header h3{margin:0;font-size:1.1rem;color:hsl(var(--accent-color))}.close-tour{background:transparent;border:none;color:hsl(var(--text-secondary));cursor:pointer;padding:4px}.tour-popover p{font-size:.95rem;color:hsl(var(--text-primary));line-height:1.5;margin-bottom:1.5rem}.popover-footer{display:flex;justify-content:space-between;align-items:center}.tour-progress{font-size:.8rem;color:hsl(var(--text-secondary));font-weight:600}.tour-btns{display:flex;gap:.5rem}.btn-tour-prev,.btn-tour-next{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:10px;border:1px solid hsl(var(--border-color));background:hsl(var(--bg-secondary));color:hsl(var(--text-primary));cursor:pointer;transition:all .2s}.btn-tour-next{background:hsl(var(--accent-color));color:#fff;border-color:transparent;padding-left:1rem;padding-right:1rem;font-weight:600}.btn-tour-prev:disabled{opacity:.5;cursor:not-allowed}.tour-restart-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--brand-blue);background:transparent;color:var(--brand-blue);font-weight:600;cursor:pointer;transition:all .2s;margin-left:1rem;font-size:.85rem}.tour-restart-btn:hover{background:var(--brand-blue);color:#fff}[data-theme=dark] .tour-restart-btn{border-color:#38bdf8;color:#38bdf8}[data-theme=dark] .tour-restart-btn:hover{background:#38bdf8;color:#000}.learning-container{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:600px;margin:0 auto}.learning-header{text-align:center}.flashcard{width:100%;height:400px;perspective:1000px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .6s 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;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;border-radius:24px;text-align:center}.flashcard-back{transform:rotateY(180deg)}.flashcard-front h3{font-size:2rem;margin:1.5rem 0}.hint{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:hsl(var(--text-secondary));margin-top:auto}.alt-term-hint{margin-top:1.5rem;font-size:.9rem;color:hsl(var(--accent-color))}.learning-controls{display:flex;gap:1.5rem;align-items:center}.learning-filters{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;border-radius:12px;margin:1.5rem 0;width:100%}.filter-item{display:flex;align-items:center;gap:.5rem;flex:1}.filter-item select{width:100%;background:transparent;border:none;color:hsl(var(--text-primary));font-size:.9rem;font-weight:500;outline:none;cursor:pointer}.shuffle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid hsl(var(--border-color));background:transparent;color:hsl(var(--text-secondary));cursor:pointer;transition:all .2s ease}.shuffle-btn:hover{background:hsl(var(--bg-secondary));color:hsl(var(--text-primary))}.shuffle-btn.active{background:hsl(var(--accent-color) / .1);color:hsl(var(--accent-color));border-color:hsl(var(--accent-color))}.learning-progress-wrapper{width:100%;margin-bottom:1rem}.learning-stats{text-align:right;font-size:.85rem;font-weight:600;color:hsl(var(--text-secondary));margin-bottom:.25rem}.kb-hint{font-size:.75rem;color:hsl(var(--text-secondary));opacity:.6}.no-results{width:100%;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;border-radius:24px;text-align:center;padding:2rem;color:hsl(var(--text-secondary))}.quiz-container{max-width:700px;margin:0 auto}.quiz-progress{margin-bottom:2rem}.progress-bar{height:8px;background:hsl(var(--border-color));border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:hsl(var(--accent-color));transition:width .3s ease}.quiz-stats{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600;color:hsl(var(--text-secondary))}.question-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;color:hsl(var(--accent-color));margin-bottom:1rem}.quiz-description{font-size:1.25rem;font-weight:500;margin-bottom:2rem;line-height:1.4}.quiz-options{display:grid;gap:1rem}.option-btn{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-radius:12px;border:1px solid hsl(var(--border-color));background:hsl(var(--bg-secondary));color:hsl(var(--text-primary));font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.option-btn:hover:not(:disabled){border-color:hsl(var(--accent-color));background:hsl(var(--accent-color) / .05);transform:translate(4px)}.option-btn.correct{background:#22c35d1a;border-color:#22c35d;color:#22c35d}.option-btn.incorrect{background:#ef43431a;border-color:#ef4343;color:#ef4343}.quiz-result{max-width:400px;margin:4rem auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.result-icon{color:#f2b90d}.score-display{display:flex;align-items:baseline;gap:.25rem}.score-num{font-size:4rem;font-family:Outfit,sans-serif;font-weight:800;color:hsl(var(--accent-color))}.score-total{font-size:1.5rem;color:hsl(var(--text-secondary))}.quiz-setup{max-width:500px;margin:2rem auto;padding:2.5rem;border-radius:24px;text-align:center}.setup-header{margin-bottom:2.5rem}.setup-icon{color:hsl(var(--accent-color));margin-bottom:1rem}.setup-header h2{font-size:1.75rem;margin-bottom:.5rem}.setup-header p{color:hsl(var(--text-secondary))}.setup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-size:.85rem;font-weight:600;color:hsl(var(--text-secondary));margin-left:.25rem}.form-group select{width:100%;padding:.875rem 1rem;border-radius:12px;border:1px solid hsl(var(--border-color));background:hsl(var(--bg-secondary));color:hsl(var(--text-primary));font-size:1rem;outline:none;cursor:pointer;transition:all .2s ease}.form-group select:focus{border-color:hsl(var(--accent-color));box-shadow:0 0 0 3px hsl(var(--accent-color) / .1)}.start-btn{margin-top:1rem;justify-content:center;padding:1rem;font-size:1.1rem}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.quit-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:none;background:#ef43431a;color:#ef4343;font-weight:600;cursor:pointer;transition:all .2s ease}.quit-btn:hover{background:#ef434333}.quiz-progress-display{flex:1;display:flex;align-items:center;gap:1rem}.quiz-progress-display .progress-bar{flex:1;margin-bottom:0}.progress-text{font-size:.9rem;font-weight:600;color:hsl(var(--text-secondary));white-space:nowrap}.score-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background:hsl(var(--bg-secondary));color:hsl(var(--accent-color));font-weight:700;border:1px solid hsl(var(--border-color))}.result-actions{display:flex;gap:1rem;margin-top:2rem}.result-actions button{min-width:140px;justify-content:center}