@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.container{width:100%}.flex{display:flex}.border{border-style:var(--tw-border-style);border-width:1px}*{margin:0;padding:0}body{background-color:#121212;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 0),linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:40px 40px,20px 20px,20px 20px;flex-direction:column;height:100vh;font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.body:before{content:"";z-index:1;opacity:.8;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff08 10px 20px);width:100%;height:100%;position:absolute;top:0;left:0}.body:after{content:"";z-index:2;opacity:.6;background:radial-gradient(circle,#ffffff12 1px,#0000 1px) 0 0/60px 60px;width:100%;height:100%;position:absolute;top:0;left:0}html,body,#root{height:auto;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;flex:1;display:flex}.main-content{flex:1}.footer{text-align:center;color:#333;background-color:#f0f0f0;border-top:1px solid #ccc;padding:1rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.footer{background:linear-gradient(-45deg,#fc00ff,#00dbde);padding:20px;margin-top:40px;text-align:center;border-top:1px solid black;color:#444}.footer-nav,.footer-contact{margin:10px 0}.footer-nav a{margin:0 15px;text-decoration:none;color:#fff;border:1px solid tr;font-weight:500}.footer-nav a:hover{color:#fff;background-color:#63039b;animation:bounce_613 .4s linear}.footer-credits{font-size:14px;margin:10px 0;color:#fff}.footer-contact a{margin:0 10px;color:#444;font-size:20px;transition:color .3s}.footer-contact a:hover{color:#fff;transform:scale(2);background-color:#1a1e22;animation:bounce_613 .4s linear}.home-container{text-align:center;padding:2rem}.home-banner{width:100%;max-height:400px;-o-object-fit:contain;object-fit:contain;border-radius:12px;margin-bottom:2rem}.start-card{position:relative;height:200px;background-color:#000;display:flex;flex-direction:column;justify-content:center;padding:12px;gap:12px;border-radius:8px;cursor:pointer;color:#fff}.start-card:before{content:"";position:absolute;inset:0 0 0 -5px;margin:auto;height:230px;border-radius:10px;background:linear-gradient(-45deg,#e81cff,#40c9ff);z-index:-10;pointer-events:none;transition:transform .2s ease,box-shadow .3s ease}.start-card:after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,#fc00ff,#00dbde);transform:scale(.95);filter:blur(20px)}.heading{font-size:20px;text-transform:capitalize;font-weight:700}.start-card p:not(.heading){font-size:14px}.start-card p:last-child{color:#e81cff;font-weight:600}.start-card:hover:after{filter:blur(30px)}.start-card:hover:before{transform:scaleX(1.34) scaleY(.77)}.form-container{max-width:400px;margin:60px auto;padding:30px 25px;background-color:#f3e5f5;border-radius:12px;box-shadow:0 8px 20px #00000026;text-align:center}.form-container h2{margin-bottom:20px;color:#512da8;font-size:28px}.form-container form{display:flex;flex-direction:column;gap:15px}.form-container input{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s ease}.form-container input:focus{border-color:#7e57c2}.form-container button{background-color:#7e57c2;color:#fff;padding:12px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.form-container button:hover{background-color:#5e35b1}.form-container p{margin-top:10px;font-size:14px}.dashboard{position:relative;overflow:hidden;text-align:center;padding:2rem;background-color:#000;min-height:100vh}.dashboard h2{color:#fff;font-size:24px;margin-bottom:1rem}.logout-btn{background-color:#9575cd;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:8px;cursor:pointer;margin-bottom:2rem}.logout-btn:hover{background-color:#7e57c2}.quiz-card{display:inline-block;padding:2rem;background-color:#fff;border:2px solid #d1c4e9;border-radius:20px;box-shadow:0 8px 16px #673ab733;transition:transform .2s ease,box-shadow .3s ease;cursor:pointer}.quiz-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #673ab74d}.quiz-card img{width:80px;height:80px;margin-bottom:1rem}.quiz-card h3{margin:0;color:#6a1b9a;font-size:20px}.quiz-card p{margin-top:.5rem;color:#7e57c2;font-size:14px}.container{width:640px;margin:150px auto auto;background:#fff;color:#000;display:flex;flex-direction:column;gap:20px;border-radius:15px;padding:40px 50px}.container hr{height:2px;border:none;background:#000}.container h2{font-size:27px;font-weight:500}.container ul li{display:flex;align-items:center;height:70px;padding-left:15px;border:1px solid purple;border-radius:8px;margin-bottom:20px;font-size:20px;cursor:pointer}.container button{margin:auto;padding:10px;width:-moz-max-content;width:max-content;height:45px;background:#639;color:#fff;font-size:25px;font-weight:500;border-radius:8px;cursor:pointer}.container .index{margin:auto;font-size:18px}.container .correct{background:#c6edde;border-color:#00d397}.container .wrong{background:#efd7d7;border-color:#ff3434}.leaderboard-link{display:inline-block;margin-top:1rem;padding:10px 20px;background-color:#6a0dad;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:background-color .3s ease}.leaderboard-link:hover{background-color:indigo}.certificate-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:30px}.certificate-container{width:100%;max-width:650px;padding:20px}.certificate{border:4px solid #5a4fcf;border-radius:20px;padding:30px;background:#fdfcff;text-align:center;font-family:Georgia,serif;box-shadow:0 0 10px #5a4fcf4d}.certificate h2{font-size:26px;margin-bottom:10px;color:#5a4fcf}.certificate h3{font-size:22px;margin:10px 0;color:#222}.certificate p{font-size:16px;margin:8px 0}.cert-id{margin-top:15px;font-size:14px;color:#fff}.footer{margin-top:20px;font-size:13px;color:#fdfdfd}.download-btn{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(90deg,#ff5edf,#6b63ff);color:#fff;border:none;border-radius:10px;font-size:10px;font-weight:400;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px #00000026;transition:all .3s ease}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.leaderboard-container{max-width:600px;margin:40px auto;padding:2rem;background:#f9f4ff;border:2px solid #d5bfff;border-radius:16px;box-shadow:0 8px 16px #9063ff26;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.leaderboard-container h2{text-align:center;margin-bottom:1.5rem;color:#6b38fb;font-size:2rem;font-weight:700}.leaderboard-container p{text-align:center;color:#555;font-size:1rem}.leaderboard-container ol{list-style:none;padding:0;margin:0;counter-reset:rank}.leaderboard-container li{background:#fff;margin:.6rem 0;padding:1rem;border-radius:10px;border-left:6px solid #a478f1;box-shadow:0 2px 6px #0000000f;display:flex;justify-content:space-between;align-items:center;font-size:1.05rem}.leaderboard-container li strong{color:#333}.leaderboard-container li:nth-child(1){border-left-color:gold;font-weight:700;background:#fffbe6}.leaderboard-container li:nth-child(2){border-left-color:silver;background:#f4f4f4}.leaderboard-container li:nth-child(3){border-left-color:#cd7f32;background:#fff2e6}