.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:#121212}.logo{display:flex;align-items:center;gap:10px;cursor:pointer}.logo img{height:40px}.logo span{font-size:20px;font-weight:700}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#ccc;text-decoration:none;position:relative;cursor:pointer}.nav-links a.highlight,.nav-links li a:hover{color:#9fff00}.nav-links li a:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0;background-color:#13e900;transition:width .3s ease-in-out}.nav-links li a:hover:after{width:100%}.nav-links li a.highlight:after{width:100%}.nav-right{display:flex;align-items:center;gap:1rem;position:relative}.loginbtn{border-radius:20px;padding:.5rem 1rem;color:#9fff00;cursor:pointer;background-color:#3a3a3a;transition:all .1s ease-in-out;border:none}.loginbtn:hover{background:#4545458a}.loginbtn:active{transform:scale(.95)}.user-mail{font-size:medium;font-weight:400;position:absolute;right:110%;text-wrap:nowrap}.img-user{width:1.5rem;height:1.5rem;object-fit:cover}main{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto}.hero{text-align:center;padding:4rem 2rem 6rem;display:flex;justify-content:space-between;align-items:center;width:90%;height:35vh}.image img{border-radius:50%;flex-grow:1;width:250px;height:250px;padding:0 2rem;animation:motion .5s ease-in-out infinite alternate}@keyframes motion{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.hero h1{font-size:2.8rem;line-height:1.3;font-weight:700}.hero .green{color:#9fff00}.hero p{color:#ccc;margin-top:1rem;max-width:500px;margin-left:auto;margin-right:auto}.hero>div{text-align:left}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem;cursor:pointer}.card{background-color:#2a2a2a;padding:1.5rem;border-radius:12px;width:300px;color:#fff;box-shadow:0 4px 8px #0003;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card .icon{font-size:2rem;margin-bottom:1rem}.icon.red{color:#ff4f4f}.icon.blue{color:#00bfff}.icon.yellow{color:#fc0}.card h3{margin:0 0 .5rem}.card p{color:#ccc;font-size:.95rem;margin-bottom:1rem}.details{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.difficulty{padding:.2rem .6rem;border-radius:4px;font-weight:700;width:fit-content}.easy{background-color:#00c853}.medium{background-color:#ffa000}.submit-section{display:flex;justify-content:center;margin:40px 0}.final-submit-button{padding:12px 24px;background-color:#007bff;color:#fff;font-size:18px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.final-submit-button:hover{background-color:#0056b3}.answer-input1{width:100%;margin-top:1rem;padding:1rem;background-color:#1b1b1b;border:1px solid #333;border-radius:10px;color:#fff;font-size:1rem;height:60px;resize:none;outline:none;box-shadow:inset 0 0 5px #ffffff1a;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;box-sizing:border-box}.answer-input1:focus{border-color:#9fff00;box-shadow:0 0 0 2px #9fff00}.answer-input2{width:100%;margin-top:1rem;padding:1rem;background-color:#1b1b1b;border:1px solid #333;border-radius:10px;color:#fff;font-size:1rem;height:60px;resize:none;outline:none;box-shadow:inset 0 0 5px #ffffff1a;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;box-sizing:border-box}.answer-input2:focus{border-color:#9fff00;box-shadow:0 0 0 2px #9fff00}.answer-input3{width:100%;margin-top:1rem;padding:1rem;background-color:#1b1b1b;border:1px solid #333;border-radius:10px;color:#fff;font-size:1rem;height:60px;resize:none;outline:none;box-shadow:inset 0 0 5px #ffffff1a;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;box-sizing:border-box}.answer-input3:focus{border-color:#9fff00;box-shadow:0 0 0 2px #9fff00}.answer-input4{width:100%;margin-top:1rem;padding:1rem;background-color:#1b1b1b;border:1px solid #333;border-radius:10px;color:#fff;font-size:1rem;height:60px;resize:none;outline:none;box-shadow:inset 0 0 5px #ffffff1a;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;box-sizing:border-box}.answer-input4:focus{border-color:#9fff00;box-shadow:0 0 0 2px #9fff00}.download-section{display:flex;justify-content:space-between;align-items:center;background-color:#1f1f1f;border-left:4px solid #9fff00;padding:20px 25px;border-radius:12px;margin:30px auto;width:95%;box-shadow:0 0 10px #9fff0026;transition:box-shadow .3s ease}.download-section:hover{box-shadow:0 0 20px #9fff004d}.download-section h3{margin:0;font-size:1.1rem;font-weight:600;color:#9fff00;font-family:Segoe UI,sans-serif}.download-btn{background-color:#9fff00;color:#000;padding:10px 22px;border:none;border-radius:25px;text-decoration:none;font-weight:600;font-size:15px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 3px 8px #9fff0033}.download-btn:hover{background-color:#baff33;transform:translateY(-2px);box-shadow:0 4px 12px #9fff0066}.task-container{padding:2rem;background-color:#1e1e1e;color:#fff;min-height:100vh;font-family:Segoe UI,sans-serif;width:100%;box-sizing:border-box}.page-title{font-size:2.5rem;margin-bottom:2rem;color:#9fff00}.qa-box{background-color:#2a2a2a;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0006;width:100%;box-sizing:border-box}.qa-box h3{margin:0 0 .8rem;color:#9fff00}.answer-input5{width:100%;margin-top:1rem;padding:1rem;background-color:#1b1b1b;border:1px solid #333;border-radius:10px;color:#fff;font-size:1rem;height:60px;resize:none;outline:none;box-shadow:inset 0 0 5px #ffffff1a;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;box-sizing:border-box}.answer-input5:focus{border-color:#9fff00;box-shadow:0 0 0 2px #9fff00}.submit-section{text-align:center;margin-top:2rem}.submit-btn{background-color:#9fff00;color:#000;padding:.75rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#85e600}.back-btn{position:absolute;top:1.5rem;left:2rem;background-color:transparent;border:none;color:#9fff00;font-size:1.2rem;font-weight:700;cursor:pointer;transition:color .3s ease;display:flex;justify-content:center;align-items:center;gap:.5rem}.back-btn:hover{color:#b6ff33}.Quesion_head{background-color:#f0fdf4;border-left:5px solid #4caf50;padding:20px 24px;margin:30px 0;border-radius:12px;width:95%}.Quesion_head h3{margin:0;font-size:1.1rem;line-height:1.6;color:#2e7d32;font-weight:500;font-family:Segoe UI,sans-serif}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#1e1e1e;color:#fff}