body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card{border-radius:20px;height:500px;perspective:1000px;position:relative;width:900px}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s ease;width:100%}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);backface-visibility:hidden;background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 50px #00000040;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:absolute;text-align:left}.card-back{transform:rotateY(180deg)}.card-back p,.card-front p{font-size:24px;margin-bottom:20px;text-align:left!important}.card button{background:linear-gradient(135deg,#000,#333);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:16px 30px;transition:.25s}.card button:hover{transform:scale(1.05)}.card-wrapper{align-items:center;display:flex;justify-content:center}.card-wrapper.next.animate{animation:slideNext .25s ease}.card-wrapper.prev.animate{animation:slidePrev .25s ease}@keyframes slideNext{0%{transform:translateX(0)}50%{opacity:0;transform:translateX(-80%)}51%{opacity:0;transform:translateX(80%)}to{opacity:1;transform:translateX(0)}}@keyframes slidePrev{0%{transform:translateX(0)}50%{opacity:0;transform:translateX(80%)}51%{opacity:0;transform:translateX(-80%)}to{opacity:1;transform:translateX(0)}}body{margin:0}.app{align-items:center;animation:gradientMove 10s ease infinite;background:#38499d;background-size:300% 300%;color:#fff;display:flex;flex-direction:column;font-family:Arial;height:100vh;justify-content:center;position:relative}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header{position:relative;text-align:center;width:100%}.header-left .logo{height:80px}.header-center{align-items:center;display:flex;flex-direction:column}.header-right{display:flex;justify-content:flex-end;min-width:150px}.top-section{margin-top:30px;text-align:center}h1{margin-bottom:10px}.progress-bar{background:#ffffff4d;height:10px;overflow:hidden;width:550px}.progress-fill{background:#00e0b8;transition:width .4s ease}.card-container{align-items:center;flex:1 1;flex-direction:column;padding-top:15px;width:100%}.buttons,.card-container{display:flex;justify-content:center}.buttons{gap:20px;margin-bottom:40px;margin-top:30px}.buttons button{background:#fff;border:none;border-radius:10px;cursor:pointer;font-size:20px;padding:20px 40px}.main-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.app>:not(.particles){position:relative;z-index:1}.complete-screen{font-size:24px}.complete-screen:before{animation:confetti 5s linear infinite;background-size:50px 50px}.complete-screen{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:28px;height:100vh;justify-content:center;text-align:center}.complete-screen:before{animation:confetti 6s linear infinite;background-image:radial-gradient(circle,#fff 2px,#0000 0),radial-gradient(circle,#00e0b8 2px,#0000 0),radial-gradient(circle,#ff4ecd 2px,#0000 0);background-size:60px 60px;content:"";height:100%;opacity:.3;position:absolute;width:100%}@keyframes confetti{0%{background-position:0 0,10px 10px,20px 20px}to{background-position:0 1000px,10px 1010px,20px 1020px}}.complete-screen button{background:#fff;border:none;border-radius:10px;cursor:pointer;font-size:18px;margin-top:20px;padding:15px 30px}button{position:relative;z-index:2}.progress-bar{background:#fff3;border-radius:10px;height:6px;margin:10px auto 20px;width:60%}.progress-fill{background:#00e5ff;border-radius:10px;height:100%;transition:width .3s ease}.flashcard{box-sizing:border-box;overflow-y:auto;padding:25px;padding-top:30px!important}.number-nav{flex-wrap:wrap}.num{background:#fff;border:1px solid #ddd;border-radius:6px;color:#000;cursor:pointer;font-size:14px;padding:6px 10px;transition:.2s}.num:hover{background:#bbb}.num.active{background:#00d4ff;color:#000;font-weight:700}.number-nav{align-items:center;display:flex;gap:8px;justify-content:center;margin:20px 0}.number-nav button{background:#ddd;border:none;border-radius:6px;cursor:pointer;padding:6px 10px}.number-nav button:disabled{cursor:not-allowed;opacity:.5}.num:hover{background:#f2f2f2}.flashcard-title{color:#fff;font-size:28px;margin:0;text-align:center}.user-container{position:absolute;right:30px;top:20px}.user-info{background:#fff3;border-radius:20px;color:#fff;cursor:pointer;gap:8px;padding:6px 12px;position:relative}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#00e0ff;border-radius:50%;color:#000;font-weight:700;height:26px;justify-content:center;width:26px}.dropdown-menu{background:#fff;border-radius:6px;color:#000;display:none;padding:5px 0;position:absolute;right:0;top:40px}.user-container:hover .dropdown-menu{display:block}
/*# sourceMappingURL=main.317e6082.css.map*/