@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body,.offcanvas{font-family:Poppins,sans-serif;background-color:#0e2424}img{max-width:170px;width:100%}.navbar-nav .nav-link{color:#fff;font-weight:600;position:relative;padding-bottom:5px;margin-right:5px}.navbar-nav .nav-link:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background-color:orange;transition:all .3s ease-in-out;transform:translate(-50%)}.navbar-nav .nav-link:hover:after{width:100%}.navbar-toggler:focus{box-shadow:none}.lni-grid-alt{color:#fff;font-size:1.5rem}.lni-cross-circle{color:#fff;font-size:2rem}#content{padding-bottom:50px}#about{color:#fff;margin-top:60px}#home{margin-top:40px;color:#fff}#calculate,#product{color:#fff;margin-top:40px}#about-content{flex:1;text-align:left}#about-content h1{font-size:30px;margin-bottom:8px}#about-content h2{font-size:28px}#about-content p{font-size:22px;line-height:1.5;text-align:start}@media (max-width: 769px){#about-content h1{font-size:25px;margin-bottom:8px}#about-content h2{font-size:23px}#about-content p{font-size:18px;line-height:1.5}}.image-container{flex:1;position:relative;max-width:500px;margin:40px}.bg-block{position:absolute;z-index:-1;width:100%;height:100%}.red-block{background-color:#b54335;top:-10%;left:-10%;width:80%;height:80%}.green-block{background-color:#607d3b;bottom:-10%;left:-5%;width:90%;height:90%}.brown-block{background-color:#b37d49;top:-5%;right:-5%;width:85%;height:85%}.yellow-block{background-color:#e0a64b;bottom:-15%;right:-10%;width:75%;height:75%}.image-container img{display:block;width:100%;height:auto;position:relative;z-index:2;box-shadow:5px 5px 20px #0000004d;border-radius:10px;background-image:none!important}.login-container{background-color:#374039b3;padding:1.5rem;border-radius:15px;box-shadow:0 0 10px #0000001a;max-width:400px;margin:20px auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.custom-carousel-section{width:100vw;overflow:hidden;padding:2rem 0;background-color:#0e2424;margin:0}.custom-carousel{position:relative;width:100%;max-width:900px;margin:auto;overflow:hidden;border-radius:1rem;box-shadow:none}.carousel-slides{display:flex;transition:transform .5s ease-in-out;width:300%}.carousel-slide{min-width:100%;height:500px;box-sizing:border-box;position:relative}.custom-carousel img,.carousel-slide img{width:100%;height:100%;max-width:100vh;object-fit:cover}.caption{position:absolute;bottom:2rem;left:2rem;color:#fff;background:#00000080;padding:1rem;border-radius:.5rem;max-width:80%}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:1rem;cursor:pointer;z-index:2;border-radius:50%;font-size:1.5rem}.carousel-nav:hover{background-color:#000000b3}.carousel-nav.prev{left:1rem}.carousel-nav.next{right:1rem}.card-wrapper{display:flex;flex-direction:column;gap:20px;max-width:950px;margin:40px auto;padding:0 20px}.card-interest{background-color:#264e36;color:#fff;padding:24px 28px;border-radius:16px;box-shadow:0 6px 20px #00000026;font-family:Segoe UI,sans-serif}.card-interest p{font-size:18px;margin-bottom:20px;line-height:1.6}.card-interest .btn{padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.card-interest .btn-simulation{background-color:#f9b233;color:#000}.card-interest .btn-simulation:hover{background-color:#e09e0f}.card-interest .btn-group{display:flex;gap:12px}.card-interest .btn-register{background-color:#6c757d;color:#fff}.card-interest .btn-register:hover{background-color:#5a6268}.card-interest .btn-login{background-color:#007bff;color:#fff}.card-interest .btn-login:hover{background-color:#0069d9}#calc-btn{margin-right:5px}.grade{font-size:24px;font-weight:700;border-radius:50%;display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;margin-bottom:10px}.grade-calculator{font-size:24px;font-weight:700;border-radius:50%;display:inline-block;width:100px;height:100px;line-height:100px;text-align:center;margin-bottom:10px}.A{background-color:green;color:#fff}.B{background-color:#ff0;color:#000}.C{background-color:orange;color:#fff}.D{background-color:red;color:#fff}.hidden{display:none!important}.score-container{margin-top:20px}.score-container h3{font-size:20px}.grade-container{display:flex;flex-direction:column;align-items:start;gap:10px}.warning-container{position:relative;display:inline-block;align-items:center}#warning-icon{position:absolute;top:-10px;right:-10px;font-size:14px;color:red;background:#ff0;border-radius:50%;padding:5px}.card{position:relative;padding-bottom:90px}.grade-badge-card{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.form-control{padding:.5rem;font-size:.9rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.form-control::placeholder{color:#ffffff80}.form-control:focus::placeholder{color:transparent}.form-check-label{font-size:.8rem;color:#fff}.forgot-password{font-size:.8rem;color:orange;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#fff}.register-section{display:flex;align-items:center;justify-content:center;height:100vh}.sign-up{font-size:.8rem;color:#fff}.sign-up a{color:orange;text-decoration:none;transition:color .3s ease}.sign-up a:hover{color:#fff}.btn-gray{padding:.5rem;font-size:.9rem;background-color:gray;border:1px solid #808080;color:#fff;transition:all .3s ease}.btn-gray:hover{background-color:transparent;border:1px solid #fff;color:#fff}.btn-orange{padding:.5rem;font-size:.9rem;background-color:orange;border:1px solid orange;color:#fff;transition:all .3s ease}.btn-orange:hover{background-color:transparent;border:1px solid #fff;color:#fff}.btn-outline-light:hover{background-color:#ffffff1a;color:#fff}.toast{position:fixed;top:80px;right:40px;background-color:#38a169;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;opacity:0;transition:opacity .5s ease,transform .5s ease;z-index:9999;transform:translateY(-20px)}.toast.show{opacity:1;transform:translateY(0)}@media (max-width: 768px){.caption{bottom:1rem;left:1rem;padding:.75rem;color:#fff;background:#00000080;padding:1rem;border-radius:.5rem;width:30%;height:100px;max-width:80%;max-height:100%}.caption h3{font-size:1rem}.caption p{font-size:.8rem;word-wrap:break-word;overflow-wrap:break-word}.carousel-slide{max-width:100%;height:300px;max-height:100%;box-sizing:border-box;position:relative}.custom-carousel img,.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-nav{padding:.75rem;font-size:1.2rem}.card-wrapper{padding:0;margin:20px 0}}@media (min-width: 992px){#about-content{flex-direction:row;text-align:center}.red-block,.green-block,.brown-block,.yellow-block{width:85%;height:85%}}@media (max-width: 769px){.logo-section img{width:200px;height:auto;margin-bottom:20px}.register-section{flex-direction:column-reverse;text-align:center}.login-container{margin-top:10px;margin-bottom:30px;padding:1rem}.form-control,.btn-gray{font-size:.8rem}#calculate .btn{width:100%;align-items:center;margin-bottom:10px}#calculate .score-container h3{text-align:center}#calculate .score-container .grade-container{align-items:center}.card{align-items:center;padding-top:20px}}