@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Reddit+Sans:wght@400;600;700&display=swap";:root{font-family:"Poppins","Reddit Sans" system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#fffaf1}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#fffaf1}.homepage-wrapper{position:relative;min-height:100vh;background-color:#fffaf1;padding:0;margin:0}.content_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;min-width:100vw}.logo{position:absolute;top:15px;left:20px;width:120px;height:auto;object-fit:contain;z-index:100}.homepage-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:50px;text-align:center;width:100%}.homepage-buttons{gap:20px;display:flex;justify-content:center;margin-top:250px}.frontpage-btn{padding:10px 20px;background-color:#eceee8;color:#283e4c;font-size:20px;font-family:Poppins,sans-serif;font-weight:600;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .2s,background-color .2s}.frontpage-btn:hover{background-color:#e0e2dd;transform:translateY(-2px)}.centered-title{font-family:Reddit Sans,sans-serif;font-size:30px;color:#283e4c;text-align:center;position:absolute;margin-top:100px}.centered-text{font-family:Reddit Sans,sans-serif;font-size:25px;color:#283e4c;text-align:center;position:absolute;margin-top:540px}.centered-top-text{font-family:Poppins,sans-serif;font-size:15px;color:#283e4c;text-align:center;position:absolute;top:1px}.link-text{font-family:Poppins,sans-serif;font-size:13px;color:#283e4c;text-align:right;position:absolute;top:20px;right:20px;text-decoration:none}.link-text:hover{cursor:pointer;text-decoration:underline}.link-text2{font-family:Poppins,sans-serif;font-size:20px;color:#283e4c;position:relative;text-decoration:none;margin-top:30px}.link-text2:hover{cursor:pointer;text-decoration:underline}.login-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.login-form{background:#efeeea;padding:40px 30px;border-radius:16px;box-shadow:0 8px 32px #0000001a;width:300px;display:flex;flex-direction:column;align-items:stretch}.login-logo{width:100%;max-width:200px;height:auto;margin:0 auto 40px;display:block}.login-input{width:100%;padding:12px 16px;margin-bottom:10px;border:1px solid #ddd;border-radius:8px;font-size:15px;box-sizing:border-box}.login-btn{padding:12px 10px;margin-top:10px;border-radius:8px;background-color:#baccc4;color:#111827;border:none;cursor:pointer;width:100%;font-family:Poppins,sans-serif;font-size:15px;transition:transform .2s,background-color .2s;box-sizing:border-box}.login-btn:hover{background-color:#acbeb6;transform:translateY(-2px)}.login-error{color:#d88080;margin-top:10px;font-size:14px}.lesson-cards-container{display:flex;gap:30px;justify-content:center;align-items:center;padding:40px;perspective:1000px;overflow:hidden}.cards-wrapper{display:flex;gap:30px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.lesson-card{width:280px;height:400px;background-image:url(../assets/cardbg.png);background-size:cover;background-position:center;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-top:50px;font-size:28px;font-weight:600;color:#283e4c;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .6s ease,opacity .6s ease;box-shadow:-5px 5px 3px #5050504d;animation:float 3s ease-in-out infinite;flex-shrink:0}.lesson-card:nth-child(1){animation-delay:0s}.lesson-card:nth-child(2){animation-delay:.3s}.lesson-card:nth-child(3){animation-delay:.6s}.lesson-card:hover{transform:translateY(-20px) rotateY(15deg) rotateX(10deg) scale(1.05);box-shadow:-5px 5px 3px #5050504d;animation-play-state:paused}.lesson-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#baccc44d;border-radius:0 15px 0 100%}.lesson-card:after{content:"";position:absolute;bottom:0;left:0;width:100px;height:100px;background:#baccc44d;border-radius:100% 0 20px}.nav-arrow{font-size:40px;cursor:pointer;color:#283e4c;transition:transform .3s,color .3s;-webkit-user-select:none;user-select:none;padding:10px 20px}.nav-arrow:hover{transform:scale(1.3);color:#baccc4}.nav-arrow:active{transform:scale(1.1)}.navbar{display:flex;justify-content:center;align-items:center;gap:0;background-color:#baccc4;padding:0;margin-top:30px;width:100%;box-shadow:0 2px 8px #0000001a}.nav-link{font-family:Poppins,sans-serif;font-size:18px;font-weight:500;color:#283e4c;text-decoration:none;padding:20px 40px;transition:background-color .3s ease;flex:1;text-align:center}.nav-link:hover{background-color:#acbeb6}.nav-link.active{background-color:#283e4c;color:#fffaf1}.profile-container{display:flex;justify-content:center;padding:40px;margin-top:40px}.profile-card{display:flex;background:#efeeea;border-radius:24px;padding:40px;box-shadow:0 8px 24px #00000026;max-width:800px;width:100%;gap:40px}.profile-left{display:flex;flex-direction:column;align-items:center;min-width:250px}.profile-avatar{width:250px;height:400px;border-radius:5%;object-fit:cover;margin-bottom:20px;border:4px solid #BACCC4}.profile-name{font-size:24px;font-weight:600;color:#283e4c;margin:0}.profile-right{flex:1;display:flex;flex-direction:column;gap:30px;position:relative}.profile-section{display:flex;flex-direction:column;gap:10px}.profile-section h3{font-size:20px;font-weight:600;color:#283e4c;margin:0}.profile-section p{font-size:16px;color:#555;margin:0}.xp-bar{background:#d4d4d4;height:20px;border-radius:10px;overflow:hidden;margin-top:5px}.xp-fill{background:linear-gradient(90deg,#baccc4,#8fa89e);height:100%;transition:width .5s ease}.xp-text{display:flex;justify-content:space-between;font-size:14px;color:#666;margin-top:5px}.leaderboard-container{display:flex;justify-content:center;padding:40px;margin-top:40px}.learning-btn{background-color:#baccc4;color:#1a2b3c;font-size:18px;font-weight:600;font-family:Poppins,sans-serif;border:none;border-radius:8px;margin:5px;padding:10px 20px;cursor:pointer;transition:.2s}.learning-btn:hover{background-color:#b8c5bf;transform:translateY(-2px)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}