:root{font-family:Afacad Flux,serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0;color-scheme:light dark;color:#ffffffde;background-color:#fff;overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh}h1{font-size:4.2em;text-align:left}.loader{position:absolute;top:50%;left:-50%;overflow:hidden;transform:translateY(-50%);animation:slide-in 3s ease-in-out infinite}@keyframes slide-in{0%{left:-50%;opacity:0}50%{left:50%;transform:translate(-50%,-50%);opacity:.7}to{left:100%;opacity:1}}.appear{overflow:hidden;animation:fade-in 1s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loadMain{animation:fadeIn 3s}button{padding:20px 30px;border:0px solid #ccc;border-radius:40px;font-size:18px;background-color:#0d3b66;color:#fff;font-weight:500;outline:none;cursor:pointer;transition:all .5s ease}button:hover{border-color:#f95738;background-color:#f95738;color:#fff;scale:1.1}:root{--primary-color: #489fb5;--secondary-color: #f95738;--text-color: #fff;--accent-color: #0d3b66}.main{min-height:100vh;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;background-color:var(--primary-color)}.main .titles{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 30px;word-break:break-word;white-space:normal}.main .titles span{background-color:var(--secondary-color);padding:0 30px;color:var(--text-color)}.logo{width:200px;position:fixed;top:0;height:auto}.main h1{font-size:120px;color:var(--text-color);line-height:1.2;text-align:center;max-width:90%;word-break:break-word}.main p{text-align:center;font-size:40px;width:60%;margin:auto;color:var(--accent-color);word-break:break-word}.about{background-color:var(--secondary-color);min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.about .titles{padding:0 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.about .titles span{background-color:var(--accent-color);padding:0 20px;color:var(--text-color)}.about h1{font-size:100px;color:var(--text-color);line-height:1.2;max-width:90%;text-align:left}.about h2{font-size:40px;color:var(--text-color)}.about p{font-size:30px;width:90%;color:var(--accent-color);text-align:left}.about .videos{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:auto;padding:30px;justify-items:center}.about .videos .text-p{font-size:30px;color:var(--accent-color)}.promotions{background-color:var(--accent-color);min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.promotions .titles{padding:0 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.promotions .titles span{background-color:var(--accent-color);padding:0 20px;color:var(--text-color)}.promotions .titles p{font-size:30px}.promotions .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:auto}.promotions .cards .card{border:2px solid rgba(249,88,56,.2);box-shadow:0 4px 4px var(--secondary-color);padding:40px;border-radius:30px;font-size:20px;text-align:center;background-color:#f9583833;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-box{background:var(--secondary-color);border-radius:10px;text-align:center;width:80%;max-width:400px}.popup-box h1{font-size:2em;text-align:center;color:var(--text-color)}.popup-box button{background-color:var(--text-color);color:var(--secondary-color);border:none;padding:20px 30px;font-size:1em;border-radius:40px;outline:none;cursor:pointer;transition:all .5s ease}.popup-box button:hover{background-color:var(--primary-color);color:var(--text-color)}@media only screen and (max-width: 768px){.logo{display:none}.main{width:100%;padding-bottom:20px}.main .titles{width:80%;padding:0}.main h1{font-size:70px;line-height:1.2;text-align:left;max-width:100%}.main p{font-size:25px;text-align:left;width:90%;margin:auto}.about{text-align:left;height:100%;width:100%}.about h1{font-size:60px;line-height:1.2;text-align:left;max-width:100%}.about .titles{width:80%;padding:0}.about .videos{grid-template-columns:1fr;width:80%;padding:0}.promotions{min-width:100%;padding-bottom:40px}.promotions .titles h1{font-size:70px;line-height:1.2;text-align:left;max-width:100%}.promotions .cards{grid-template-columns:1fr;width:80%;padding:0}.popup-box{width:90%;padding:20px}.popup-box h1{font-size:1.5em}.popup-box button{width:100%;padding:15px 20px;font-size:1.2em}}@media (max-width: 1024px){.popup-box{width:70%;padding:25px}.popup-box h1{font-size:1.8em}.popup-box button{width:100%;padding:15px 25px;font-size:1.1em}}@media (min-width: 1025px){.popup-box{width:350px;padding:30px}.popup-box h1{font-size:2em}.popup-box button{padding:20px 30px;font-size:1em}}