@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--primary:#8b5cf6;--primary-light:#a78bfa;--primary-shadow:#7c3aed;--secondary:#ec4899;--secondary-light:#f472b6;--secondary-shadow:#db2777;--danger:#ef4444;--danger-light:#f87171;--danger-shadow:#dc2626;--warning:#f59e0b;--warning-shadow:#d97706;--success:#10b981;--success-shadow:#059669;--text-main:#1f2937;--text-light:#6b7280;--bg-glass:#ffffffb3;--bg-glass-strong:#ffffffe6;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f268726;--glass-blur:blur(20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,sans-serif}body{min-height:100vh;color:var(--text-main);background-color:#fce7f3;margin:0;padding:0}.app-container{background:linear-gradient(-45deg,#fbcfe8,#e0e7ff,#f3e8ff,#ffedd5) 0 0/400% 400%;flex-direction:column;max-width:500px;height:100vh;margin:0 auto;animation:15s infinite gradientBG;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #0000001a}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.app-container:before,.app-container:after{content:"";filter:blur(60px);z-index:0;opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate floatBlob;position:absolute}.app-container:before{background:#8b5cf666;width:300px;height:300px;top:-100px;left:-100px}.app-container:after{background:#ec489966;width:400px;height:400px;animation-delay:-5s;bottom:-150px;right:-100px}@keyframes floatBlob{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,100px)scale(1.2)}to{transform:translate(-50px,50px)scale(.9)}}.header{text-align:center;color:#0000;background-image:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-background-clip:text;background-clip:text;background-color:var(--bg-glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:10;box-shadow:var(--glass-shadow);padding:30px 20px 20px;font-size:1.8rem;font-weight:900}.content-area{z-index:1;flex:1;padding:20px 20px 120px;position:relative;overflow-y:auto}.card{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;margin-bottom:20px;padding:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #1f268733}.progress-container{border:1px solid var(--glass-border);background:#fff6;border-radius:20px;width:100%;height:20px;margin-top:20px;overflow:hidden;box-shadow:inset 0 2px 5px #0000000d}.progress-bar{background:linear-gradient(90deg,#fbbf24 0%,#f59e0b 100%);border-radius:20px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 0 10px #f59e0b80}.progress-bar:after{content:"";background:linear-gradient(#fff9 0%,#fff0 100%);border-radius:10px;height:6px;position:absolute;top:2px;left:2px;right:2px}.flashcard-scene{perspective:1200px;z-index:2;width:100%;height:40vh;min-height:250px;max-height:320px;margin-bottom:20px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .8s cubic-bezier(.34,1.56,.64,1);animation:6s ease-in-out infinite cardFloat;position:relative}@keyframes cardFloat{0%{transform:translateY(0)rotateX(0)rotateY(0)}50%{transform:translateY(-12px)rotateX(2deg)rotateY(-2deg)}to{transform:translateY(0)rotateX(0)rotateY(0)}}.flashcard-inner.flipped{animation:none;transform:rotateY(180deg)scale(1.05)}.flashcard-face{backface-visibility:hidden;background:var(--bg-glass-strong);width:100%;height:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);text-align:center;border-radius:30px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 25px 50px -12px #0003}.flashcard-img-container{box-sizing:border-box;background:linear-gradient(135deg,#8b5cf626 0%,#ec489926 100%);border-top-left-radius:30px;border-top-right-radius:30px;justify-content:center;align-items:center;width:100%;height:50%;padding:15px;display:flex;position:relative;overflow:hidden}.flashcard-img-container:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{to{left:200%}}.flashcard-img{object-fit:contain;filter:drop-shadow(0 10px 10px #0000001a);border-top-left-radius:15px;border-top-right-radius:15px;width:100%;height:100%;transition:transform .5s}.flashcard-face:hover .flashcard-img{transform:scale(1.1)}.flashcard-emoji{filter:drop-shadow(0 15px 15px #00000026);font-size:7rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.flashcard-face:hover .flashcard-emoji{transform:scale(1.1)rotate(5deg)}.flashcard-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:15px 25px;display:flex}.flashcard-back{color:#fff;background:linear-gradient(135deg,#ec4899e6 0%,#8b5cf6e6 100%);border-color:#ffffff4d;justify-content:center;align-items:center;padding:40px;transform:rotateY(180deg)}.flashcard-face h2{color:var(--text-main);letter-spacing:-.5px;font-size:2.4rem;font-weight:900}.flashcard-back h3{color:#fff;text-shadow:0 4px 10px #0003;margin-bottom:25px;font-size:2.6rem;font-weight:900}.flashcard-back p{color:#ffffffe6;font-size:1.3rem;font-weight:600;line-height:1.6}button{z-index:1;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}button:after{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(#fff3 0%,#fff0 100%);position:absolute;inset:0}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #a78bfa 100%);color:#fff;cursor:pointer;width:100%;box-shadow:0 8px 0 var(--primary-shadow), 0 15px 25px #8b5cf666;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:20px;padding:18px 28px;font-size:1.2rem;font-weight:900}.btn-primary:active{box-shadow:0 0px 0 var(--primary-shadow), 0 5px 10px #8b5cf666;transform:translateY(8px)}.btn-primary:disabled{color:#9ca3af;cursor:not-allowed;background:#d1d5dbcc;box-shadow:0 8px #9ca3af}.btn-secondary{background:linear-gradient(135deg, var(--secondary) 0%, #f9a8d4 100%);box-shadow:0 8px 0 var(--secondary-shadow), 0 15px 25px #ec489966;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:20px;width:100%;padding:18px 28px;font-size:1.2rem;font-weight:900}.btn-secondary:active{box-shadow:0 0px 0 var(--secondary-shadow);transform:translateY(8px)}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #fca5a5 100%);box-shadow:0 8px 0 var(--danger-shadow), 0 15px 25px #ef444466;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:20px;width:100%;padding:18px 28px;font-size:1.2rem;font-weight:900}.btn-danger:active{box-shadow:0 0px 0 var(--danger-shadow);transform:translateY(8px)}.quiz-option{border:2px solid var(--glass-border);background:var(--bg-glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;color:var(--text-main);border-radius:20px;margin-bottom:16px;padding:20px;font-size:1.15rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 6px #e5e7ebcc,0 10px 15px -3px #0000000d}.quiz-option:active{transform:translateY(6px);box-shadow:0 0 #e5e7ebcc}.quiz-option.selected{border-color:var(--primary);color:var(--primary-shadow);box-shadow:0 6px 0 var(--primary-shadow), 0 10px 20px #8b5cf633;background:#8b5cf61a}.quiz-option.selected:active{box-shadow:0 0px 0 var(--primary-shadow)}.quiz-option.correct{border-color:var(--success);color:var(--success-shadow);box-shadow:0 6px 0 var(--success-shadow), 0 0 20px #10b9814d;background:#10b98126;animation:1s infinite alternate glowSuccess}@keyframes glowSuccess{0%{box-shadow:0 6px 0 var(--success-shadow), 0 0 10px #10b98133}to{box-shadow:0 6px 0 var(--success-shadow), 0 0 30px #10b98199}}.quiz-option.wrong{border-color:var(--danger);color:var(--danger-shadow);box-shadow:0 6px 0 var(--danger-shadow);background:#ef444426;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.bottom-nav{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);z-index:100;background:#ffffffd9;border-radius:40px;height:75px;display:flex;position:absolute;bottom:25px;left:20px;right:20px;overflow:hidden;box-shadow:0 20px 40px #00000026}.nav-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:.85rem;font-weight:800;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.nav-btn:before{content:"";background:var(--primary);z-index:-1;opacity:0;border-radius:30px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:10%;transform:scale(.5)}.nav-btn.active{color:#fff}.nav-btn.active:before{opacity:1;transform:scale(1)}.nav-btn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.nav-btn.active svg{stroke-width:2.5px;transform:translateY(-2px)scale(1.1)}.course-item{background:var(--bg-glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;border:1px solid var(--glass-border);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px #e5e7ebcc,0 15px 20px -3px #0000001a}.course-item:hover{transform:translateY(-4px);box-shadow:0 12px #e5e7ebcc,0 20px 30px -3px #00000026}.course-item:active{transform:translateY(8px);box-shadow:0 0 #e5e7ebcc}.course-item.locked{opacity:.7;cursor:not-allowed;background:#f3f4f680;box-shadow:0 4px #e5e7eb66}.course-item.locked:active{transform:none;box-shadow:0 4px #e5e7eb66}.random-test-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.random-test-modal{border:1px solid var(--glass-border);background:#fffffff2;border-radius:32px;width:100%;max-height:90vh;padding:35px 25px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards modalPop;overflow-y:auto;box-shadow:0 30px 60px -12px #0009}@keyframes modalPop{0%{opacity:0;transform:scale(.7)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}