.login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:40px;border:1px solid #ccc;border-radius:10px;background-color:#d0d3db28;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center}.login-container form{display:flex;flex-direction:column}.login-container label{text-align:left}.login-container input{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px}.login-container button{padding:10px 20px;background-color:#0af;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:25px}.login-container button:hover{background-color:#0056b3}.signup-link{margin-top:10px;text-align:center}.signup-link a{color:#007bff;text-decoration:none}.signup-link a:hover{text-decoration:underline}.bg{position:fixed;top:0;left:0;width:100%;height:100%}.bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.signup-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:40px;border:1px solid #ccc;border-radius:10px;background-color:#d0d3db28;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center}.signup-title{margin-bottom:20px}.input-field{margin-bottom:10px;padding:10px;width:100%;border:1px solid #ccc;border-radius:5px}.signup-container label{display:block;text-align:left}.submit-btn{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.submit-btn:hover{background-color:#0056b3}.login-link{margin-top:20px;text-align:center}.login-link a{color:#007bff;text-decoration:none}.login-link a:hover{text-decoration:underline}body{background-color:#fdfffa;font-family:Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}.admin-profile-container{background-color:#9ad2d9;border:1px solid #ccc;border-radius:5px;padding:20px;margin-bottom:20px}.admin-profile-info{margin-bottom:20px;display:flex;align-items:center}.admin-avatar{width:100px;height:100px;border-radius:50%;margin-right:20px}.profile-input{width:calc(100% - 16px);padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.update-button{background-color:#9f0;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer}.update-button:hover{background-color:#0056b3}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:8px;border:1px solid #ddd}.data-table th{background-color:#f2f2f2;text-align:left}.data-table tr:nth-child(2n){background-color:#f2f2f2}.data-table tr:hover{background-color:#ddd}.nav{background-color:#333;color:#c53c3c;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.nav-logo{font-size:1.5rem;font-weight:700}.nav-menu{list-style:none;display:flex;margin:0;padding:0}.nav-menu li{margin-right:20px}.nav-menu li:last-child{margin-right:0}.nav-menu li a{text-decoration:none;color:#fff;font-weight:700}.nav-menu li a:hover{color:#ff4500}.profile-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f0f0f0;min-height:100vh}.profile{display:flex;flex-direction:column;align-items:center;border:1px solid #ccc;border-radius:10px;padding:20px;margin-bottom:20px;background-color:#fff;box-shadow:0 4px 6px #0000001a}.avatar{width:150px;height:150px;border-radius:50%;margin-bottom:20px;object-fit:fill}.profile-info{text-align:center}input[type=text]{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#0056b3}.course-card{border:1px solid #3c0606;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px #1212121a;background:radial-gradient(circle,#22b3cd,#fad0c4);color:#282323}.teacher-profile-container{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.teacher-profile-info{margin-bottom:20px;text-align:center}.teacher-avatar{width:100px;height:100px;border-radius:50%;margin-right:20px}.profile-input{display:block;width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.update-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer}.logout-button{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;margin-top:10px}.logout-button:hover{background-color:#c82333}.courses-container{margin-top:20px}.courses-container h2{font-size:1.5rem;margin-bottom:10px}.course-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.course-card{background-color:#f9f9f9;padding:20px;border-radius:5px;box-shadow:0 2px 4px #0000001a}.course-card h3{margin-bottom:10px}.course-card p{margin:0;font-size:.9rem;color:#666}.background-container{float:left;position:relative}.background-video{top:0;left:0;right:0;bottom:0;height:100%;width:100%;object-fit:cover;position:fixed;z-index:-1}.background-image{top:0;left:0;right:0;bottom:0;height:100%;width:100%;position:fixed;object-fit:cover;z-index:-1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}.nav{display:flex;justify-content:space-between;align-items:center;margin:40px 50px;color:#fff;z-index:1}.nav-logo{font-family:Outfit;font-size:42px;font-weight:500;margin-right:400px}.nav-menu{display:flex;align-items:center;list-style:none;font-size:18px;gap:90px}.nav-contact{border-radius:50px;padding:10px 38px;background:#fff;color:#262626}.hero{margin:100px 120px 0}.hero-text{color:#fff;font-size:110px;font-weight:500;line-height:50px}.hero-explore{display:flex;align-items:center;gap:50px;width:fit-content;margin-top:70px;padding:5px 8px 5px 30px;border-radius:60px;background-color:#fff;cursor:pointer}.hero-explore p{color:#292929;font-size:20px;font-weight:500}.hero-dot-play{margin-top:120px;display:flex;justify-content:space-between}.hero-dots{display:flex;align-items:center;gap:23px;list-style:none}.hero-dot{width:15px;height:15px;background:#fff;border-radius:7.5px;cursor:pointer}.hero-dot.orange{background:#ff4500}.hero-play{display:flex;align-items:center;gap:30px}.hero-play p{color:#fff;font-size:19px}body{margin:0;padding:0;font-family:Poppins}