.home-container{color:#fff;background:#000;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.header{background:#000;border-bottom:2px solid #0b91f1;justify-content:space-between;align-items:center;width:100%;min-height:80px;padding:0 5%;display:flex;box-shadow:0 0 20px #0b91f1}.home-logo{color:#4ca6e6;font-size:28px;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{color:#fff;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#4ca6e6}.home-login-btn{border:2px solid #4ca6e6;border-radius:30px;padding:10px 22px}.home-login-btn:hover{background:#4ca6e6;color:#000!important}.main-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px;display:flex}.main-content h1{color:#4ca6e6;margin-bottom:20px;font-size:48px}.main-content p{color:#fff;max-width:650px;margin-bottom:30px;font-size:18px;line-height:1.6}.home-signup-btn{color:#000;background:#4ca6e6;border:2px solid #4ca6e6;border-radius:30px;padding:12px 28px;font-weight:700;text-decoration:none;transition:all .4s;display:inline-block}.home-signup-btn:hover{color:#4ca6e6;background:#000}@media (width<=600px){.header{flex-direction:column;gap:15px;padding:15px 20px}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px}.main-content h1{font-size:34px}.main-content p{font-size:16px}}.logout-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #4ca6e6;border-radius:30px;padding:10px 22px;font-size:16px;font-weight:700;transition:all .3s}.logout-btn:hover{color:#000;background:#4ca6e6}.login-container{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;display:flex}.login-card{background:#0a0a0a;border:3px solid #04022b;border-radius:20px;width:420px;min-height:500px;padding:35px;font-family:Arial,Helvetica,sans-serif;transition:all .5s}.login-card:hover{border-color:#4ca6e6;box-shadow:0 0 12px #4ca6e6}.login-card h2{text-align:center;color:#4ca6e6;margin-bottom:10px}.login-card>p{text-align:center;color:#fff;margin-bottom:30px}.login-btn{color:#000;cursor:pointer;background:#4ca6e6;border:2px solid #000;border-radius:30px;width:100%;height:45px;margin-top:10px;font-size:16px;font-weight:700;transition:all .4s}.login-btn:hover{color:#4ca6e6;background:#000;border-color:#4ca6e6;box-shadow:0 0 10px #4ca6e6}.login-btn:disabled{opacity:.6;cursor:not-allowed}.signup-link{text-align:center;color:#fff;margin-top:25px}.signup-link a{color:#4ca6e6;font-weight:700;text-decoration:none}.signup-link a:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}.signup-container{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;display:flex}.signup-card{background:#0a0a0a;border:3px solid #04022b;border-radius:20px;width:420px;min-height:560px;padding:35px;font-family:Arial,Helvetica,sans-serif;transition:all .5s}.signup-card:hover{border-color:#4ca6e6;box-shadow:0 0 12px #4ca6e6}.signup-card h2{text-align:center;color:#4ca6e6;margin-bottom:10px}.signup-card>p{text-align:center;color:#fff;margin-bottom:30px}.input-group{flex-direction:column;margin-bottom:20px;display:flex}.input-group label{color:#fff;margin-bottom:8px;font-weight:700}.input-group input{color:#fff;background:#000;border:2px solid #4ca6e6;border-radius:30px;outline:none;width:100%;height:45px;padding:0 15px;font-size:15px;transition:all .4s}.input-group input:focus{box-shadow:0 0 10px #4ca6e6}.signup-btn{color:#000;cursor:pointer;background:#4ca6e6;border:2px solid #000;border-radius:30px;width:100%;height:45px;margin-top:10px;font-size:16px;font-weight:700;transition:all .4s}.signup-btn:hover{color:#4ca6e6;background:#000;border-color:#4ca6e6;box-shadow:0 0 10px #4ca6e6}.signup-btn:disabled{opacity:.6;cursor:not-allowed}.login-link{text-align:center;color:#fff;margin-top:25px}.login-link a{color:#4ca6e6;font-weight:700;text-decoration:none}.login-link a:hover{text-decoration:underline}.error-message{color:#f55;text-align:center;background:#ff00001a;border:1px solid red;border-radius:10px;margin-bottom:20px;padding:10px}*{box-sizing:border-box;color:#fff;margin:0;padding:0}.Course-main{background-color:#000;min-height:100vh;padding:40px}.Paid-main h2,.free-main h2{text-align:center;color:#4ca6e6;margin:50px 0 30px;font-family:Arial,Helvetica,sans-serif;font-size:32px}.paid-card,.free-card{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:25px;padding:20px;display:grid}.paid-card-main,.free-card>div{background-color:#0a0a0a;border:3px solid #04022b;border-radius:20px;flex-direction:column;width:100%;height:280px;padding:20px;font-family:Arial,Helvetica,sans-serif;transition:border-color .4s,box-shadow .4s;display:flex}.paid-card-main:hover,.free-card>div:hover{border-color:#4ca6e6;box-shadow:0 0 12px #4ca6e6}.span-paid,.free-card>div div:first-child{border-radius:25px;width:fit-content;margin-bottom:15px;padding:6px 14px;font-size:14px;font-weight:700}.span-paid{color:#000;background-color:gold}.free-card>div div:first-child{color:#000;background-color:#00be5f}.title-paid,.free-card>div div:nth-child(2){color:#4ca6e6;height:90px;font-size:20px;font-weight:700;line-height:1.4;overflow:hidden}.fee-paid{margin-top:auto;margin-bottom:15px;font-size:24px;font-weight:700}.button-paid,.free-card button{color:#000;cursor:pointer;background-color:#4ca6e6;border:2px solid #000;border-radius:30px;width:120px;height:42px;font-weight:700;transition:all .4s}.button-paid:hover,.free-card button:hover{color:#4ca6e6;background-color:#000;border-color:#4ca6e6;box-shadow:0 0 10px #4ca6e6}.free-main{margin-top:150px}