@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a202c,#2d3748);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.animation-container{align-items:center;animation:fadeIn 1.2s ease-out forwards;background:linear-gradient(135deg,#1f2937,#111827);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem;text-align:center}.image-container{animation:bounce 2s infinite;background-image:url(https://i.redd.it/jr-ntr-new-pics-from-an-adshoot-v0-pkj4m6wtf82b1.jpg?width=1080&format=pjpg&auto=webp&s=b4a07c84f28368761784adbf2450135488214621);background-position:50%;background-size:cover;border-radius:50%;box-shadow:0 6px 12px #0006;height:10rem;width:10rem}.animation-title{animation:fadeInUp 1s ease-in forwards;color:#facc15;font-size:1.6rem;font-weight:600;margin-top:1rem}@media (min-width:768px){.image-container{height:14rem;width:14rem}.animation-title{font-size:2.25rem}}.intro-container{align-items:center;animation:fadeInIntro .8s ease-out;background-color:#1f2937;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem;text-align:center}.intro-title{color:#facc15;font-family:Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.intro-description{color:#d1d5db;font-size:1rem;margin-bottom:1.2rem}.intro-form{display:flex;flex-direction:column;gap:.75rem;max-width:300px;width:100%}.intro-input{background-color:#374151;border:1px solid #4b5563;border-radius:6px;color:#fff;font-size:1rem;outline:none;padding:.6rem;transition:border-color .3s ease,box-shadow .3s ease}.intro-input:focus{border-color:#f87171;box-shadow:0 0 0 3px #f8717166}.intro-error{color:#ef4444;font-size:.875rem;margin-top:-.3rem}.intro-button{background:linear-gradient(90deg,#ef4444,#b91c1c);border:none;border-radius:8px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem;transition:all .3s ease}.intro-button:hover{background:linear-gradient(90deg,#dc2626,#7f1d1d);transform:scale(1.03)}@media (min-width:768px){.intro-title{font-size:2.5rem}.intro-description{font-size:1.25rem}.intro-button,.intro-input{font-size:1.125rem;padding:.75rem}}@keyframes fadeInIntro{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-container{align-items:center;animation:fadeIn .8s ease-in-out;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem}.quiz-title{color:#fbbf24;font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-shadow:1px 1px 2px #0006}.question-card{animation:fadeInUp .6s ease-in-out;background:linear-gradient(135deg,#2d3748,#4a5568);border:2px solid #facc15;border-radius:10px;box-shadow:0 6px 12px #0006;margin-bottom:1rem;max-width:320px;padding:1rem;width:100%}.quiz-question{color:#e2e8f0;font-size:.875rem;margin-bottom:1rem}.options-container{display:flex;flex-direction:column;gap:.5rem}.option{background:linear-gradient(90deg,#4a5568,#718096);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.6rem;transition:all .3s ease}.option:hover{background:linear-gradient(90deg,#718096,#a0aec0);transform:scale(1.02)}.option.selected{background:linear-gradient(90deg,#f97316,#ea580c);color:#fff;font-weight:700;transform:scale(1.04)}.next-button{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;font-size:.875rem;padding:.6rem 1rem}.next-button:hover{background:linear-gradient(90deg,#059669,#047857);transform:scale(1.03)}.prize-announcement{animation:pulse 1.5s infinite alternate;background:#ed893633;border-radius:8px;color:#f6e05e;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;text-shadow:0 0 10px #f6e05ecc}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.completion-container{align-items:center;background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.completion-title{color:#f6e05e;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 0 10px #f6e05e99}.completion-score{color:#ddd;font-size:1.8rem;font-weight:600;margin-bottom:2rem}.button-group{display:flex;gap:1rem}.next-button{background:linear-gradient(90deg,#ed8936,#dd6b20);border:none;border-radius:8px;box-shadow:0 4px 15px #ed89364d;color:#fff;cursor:pointer;font-size:1.1rem;padding:.8rem 1.5rem;transition:all .3s ease}.next-button:hover{background:linear-gradient(90deg,#dd6b20,#c05621);box-shadow:0 6px 20px #ed893666;transform:translateY(-2px)}.certificate-button{background:linear-gradient(90deg,#4a90e2,#357ab7)}.certificate-button:hover{background:linear-gradient(90deg,#357ab7,#2a5f8f)}.leaderboard-container{align-items:center;background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative;z-index:1}.leaderboard-container:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#f6e05e33 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.leaderboard-title{animation:fadeInDown 1s ease-out;color:#f6e05e;font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 15px #f6e05e99;z-index:2}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.leaderboard-table{background:linear-gradient(135deg,#2d3748,#4a5568);border-radius:10px;box-shadow:0 10px 25px #00000080;max-width:400px;overflow:hidden;padding:.5rem;width:100%;z-index:2}.ellipsis-row{color:#f6e05e;font-size:1.2rem;padding:.5rem;text-align:center;z-index:2}.table-header{border-bottom:1px solid #f6e05e;color:#f6e05e;font-weight:600;text-transform:uppercase}.table-header,.table-row{display:grid;font-size:.9rem;grid-template-columns:1fr 2fr 1fr;padding:.5rem}.table-row{background:#2d3748e6;border-radius:5px;margin:.3rem 0;transition:transform .3s ease,box-shadow .3s ease;z-index:2}.table-row:hover{box-shadow:0 5px 15px #f6e05e33;transform:translateY(-3px)}.highlight-row{animation:highlightPulse 1.5s infinite;background:linear-gradient(90deg,#ffd70033,#ffd70022);border-left:3px solid gold;box-shadow:0 0 8px #ffd70044;color:#fff;font-weight:700}@keyframes highlightPulse{0%{box-shadow:0 0 8px #ffd70044}50%{box-shadow:0 0 12px #ffd70066}to{box-shadow:0 0 8px #ffd70044}}.certificate-preview{margin-top:30px;max-width:400px;position:relative;width:100%;z-index:3}.certificate-content{border:5px solid #f6e05e;border-radius:10px;box-shadow:0 10px 25px #00000080;height:auto;overflow:auto;width:100%}.leaderboard-actions{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:30px;padding-bottom:20px;z-index:2}.next-button,.share-on-x-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(90deg,#6c5ce7,#8e44ad);border:none;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;justify-content:center;padding:.8rem 1.5rem;text-decoration:none;touch-action:manipulation;transition:all .4s ease}.next-button:hover,.share-on-x-button:hover{background:linear-gradient(90deg,#5b4dbd,#7d3ca0);box-shadow:0 6px 20px #6c5ce766;transform:translateY(-2px)}.share-on-x-button{background-color:#1da1f2;color:#fff;pointer-events:auto;z-index:4}.share-on-x-button:hover{background-color:#0d8bd3;box-shadow:0 6px 20px #1da1f266;transform:translateY(-2px)}@media (min-width:768px){.leaderboard-title{font-size:2.5rem}.leaderboard-table{max-width:600px}.ellipsis-row{font-size:1.5rem}.table-header,.table-row{font-size:1rem}.table-row{border-radius:8px;margin:.5rem 0;padding:1rem}.table-row:hover{box-shadow:0 8px 20px #f6e05e4d;transform:translateY(-5px)}.highlight-row{border-left:5px solid gold;box-shadow:0 0 10px #ffd70055}.leaderboard-actions{flex-direction:row;gap:30px}.certificate-preview{max-width:600px}.certificate-content{height:auto;width:100%}.next-button,.share-on-x-button{border-radius:10px;font-size:1.2rem;padding:1rem 2rem}.next-button:hover,.share-on-x-button:hover{transform:translateY(-3px)}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#1f2937;color:#fff}.app-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (min-width:768px){.image-container{height:12rem;width:12rem}.animation-title{font-size:1.75rem}.intro-title{font-size:2rem}.intro-description{font-size:1rem}.intro-button,.intro-input{font-size:1rem;padding:.75rem}.quiz-title{font-size:1.75rem}.question-card{max-width:400px;padding:1.5rem}.option,.quiz-question{font-size:1rem}.option{padding:.75rem}.completion-title{font-size:2rem}.completion-score{font-size:2.5rem}}
/*# sourceMappingURL=main.8750b6ec.css.map*/