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:center}.card-back{transform:rotateY(180deg)}.card-back p,.card-front p{font-size:24px;margin-bottom:20px}.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%}}.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-top:100px}.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}
/*# sourceMappingURL=main.3d6447e6.css.map*/