@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:linear-gradient(135deg,#e0c3fc,#8ec5fc);color:#22223b;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px;position:relative;text-align:center}body:before{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff40;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#c8b4ff59;border:1.5px solid #ffffff40;border-radius:24px;box-shadow:0 8px 32px 0 #1f26872e;color:#22223b;margin:0 auto;max-width:600px;overflow:hidden;padding:30px;position:relative;z-index:1}.option-btn{background:#ffffff14;border:2px solid #ffffff26;border-radius:10px;box-shadow:0 0 8px #e0aaff1a;color:#22223b;cursor:pointer;font-size:18px;font-weight:500;margin-bottom:10px;padding:16px 0;transition:all .2s;width:100%}.option-btn:hover{background:#e0aaff26;border-color:#e0aaff;color:#e0aaff}.option-btn.correct{background:#38b000!important;border-color:#38b000!important;color:#fff!important}.option-btn.wrong{background:#f15bb5!important;border-color:#f15bb5!important;color:#fff!important}.feedback{border-radius:10px;box-shadow:0 0 10px #ffffff1a;font-size:20px;font-weight:600;margin-top:24px;padding:16px}.feedback.correct{background:#38b000;color:#fff}.feedback.wrong{background:#f15bb5;color:#fff}.main-content{background:#0000;border-radius:20px;box-shadow:0 0 30px #6e54541a;flex:1 0 auto;margin-left:0;margin-top:50px;min-height:100vh;padding:40px;position:relative;width:100%;z-index:1}.nav-link{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0000001a;border:1px solid #ffffff1a;border-radius:25px;color:#e0aaff;cursor:pointer;font-weight:500;margin-bottom:8px;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.nav-link:hover{transform:translateX(5px)}.nav-link.active,.nav-link:hover{background:#0003;border:1px solid #fff3;box-shadow:0 0 15px #f15bb533;color:#f15bb5}
/*# sourceMappingURL=main.bebed0c4.css.map*/