*{padding:0;margin:0;box-sizing:border-box;font-family:Cascadia Code,sans-serif;scroll-behavior:smooth}:root{--footer-bg:#0f1a15;--background: hsl(155 30% 12%);--card-bg: #ffffff1f;--primary-dark: hsl(150 70% 35%);--primary: #28bd73;--accent: hsl(150 55% 55%);--white-text: #f5f5f5;--white-text-opacity: #f5f5f5e6;--card-border: 1px solid rgba(255, 255, 255, .2);--gray-text: #677e73}body{background-color:var(--background)}.main{padding:0 125px}li{list-style:none}a{text-decoration:none;color:var(--white-text)}code{color:var(--primary-dark)}.glass-bg{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:var(--card-border);border-radius:20px}.courses,.team,.location,.contact{margin-top:150px}.courses .top,.team .top,.location .top,.contact .top{text-align:center;display:flex;flex-direction:column;align-items:center}:is(.courses .top,.team .top,.location .top,.contact .top) h1{color:var(--white-text);font-size:3rem;margin-bottom:15px}:is(.courses .top,.team .top,.location .top,.contact .top) p{color:var(--gray-text);font-size:1rem;max-width:672px}.courses .bottom,.team .bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.courses .bottom .card:hover,.team .bottom .member:hover{box-shadow:var(--card-shadow);transform:translateY(-10px)}.courses .bottom .card:hover .icon{transform:scale(1.1)}.location .bottom,.contact .bottom{margin-top:50px;display:flex;justify-content:center;flex-wrap:wrap;gap:32px}.location .bottom .right,.location .bottom .left,.contact .bottom .left,.contact .bottom .right{flex:1 1 45%;max-width:45%}input{outline:none}nav{padding:12px 32px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;position:fixed;width:calc(100% - 250px);z-index:9999999999}nav h2{font-size:1.5rem}nav h2 a{color:var(--primary)}nav ul{display:flex;gap:24px;align-items:center}nav ul li{color:var(--white-text);font-size:.875rem;font-weight:500;cursor:pointer}nav ul li a{transition:.3s}nav ul li a:hover{color:var(--accent);cursor:pointer}nav ul li:last-child{background:var(--primary);padding:8px 12px;border-radius:8px;transition:.3s}nav ul li:last-child:hover{background-color:var(--primary-dark)}nav ul li:last-child:hover a{color:var(--white-text)}header{display:flex}header .left,header .right{width:50%;height:100vh}header .left h1,header .right h1{font-size:3.5rem;color:var(--white-text)}header .left p,header .right p{color:var(--gray-text);font-size:1.25rem}header .left a,header .right a{background:var(--primary);padding:12px 20px;border-radius:8px;font-weight:600;transition:.3s;font-size:1rem;width:fit-content}header .left a:hover,header .right a:hover{background-color:var(--primary-dark);transform:scale(1.05)}header .left{display:flex;flex-direction:column;justify-content:center;gap:24px}header .right{display:flex;justify-content:center;align-items:center}.loader{--color-one: var(--primary);--color-two: var(--primary-dark);--color-three: color-mix(in srgb, var(--primary) 50%, transparent);--color-four: color-mix(in srgb, var(--primary-dark) 50%, transparent);--color-five: color-mix(in srgb, var(--accent) 30%, transparent);--time-animation: 3s;--size: 2.5;position:relative;border-radius:50%;transform:scale(var(--size));box-shadow:0 0 25px 0 var(--color-three),0 20px 50px 0 var(--color-four);animation:colorize calc(var(--time-animation) * 3) ease-in-out infinite}.loader:before{content:"";position:absolute;top:0;left:0;width:100px;height:100px;border-radius:50%;border-top:solid 1px var(--color-one);border-bottom:solid 1px var(--color-two);background:linear-gradient(180deg,var(--color-five),var(--color-four));box-shadow:inset 0 10px 10px 0 var(--color-three),inset 0 -10px 10px 0 var(--color-four)}.loader .box{width:100px;height:100px;background:linear-gradient(180deg,var(--color-one) 30%,var(--color-two) 70%);mask:url(#clipping);-webkit-mask:url(#clipping)}.loader svg{position:absolute}.loader svg #clipping{filter:contrast(15);animation:roundness calc(var(--time-animation) / 2) linear infinite}.loader svg #clipping polygon{filter:blur(7px)}.loader svg #clipping polygon:nth-child(1){transform-origin:75% 25%;transform:rotate(90deg)}.loader svg #clipping polygon:nth-child(2){transform-origin:50% 50%;animation:rotation var(--time-animation) linear infinite reverse}.loader svg #clipping polygon:nth-child(3){transform-origin:50% 60%;animation:rotation var(--time-animation) linear infinite;animation-delay:calc(var(--time-animation) / -3)}.loader svg #clipping polygon:nth-child(4){transform-origin:40% 40%;animation:rotation var(--time-animation) linear infinite reverse}.loader svg #clipping polygon:nth-child(5){transform-origin:40% 40%;animation:rotation var(--time-animation) linear infinite reverse;animation-delay:calc(var(--time-animation) / -2)}.loader svg #clipping polygon:nth-child(6){transform-origin:60% 40%;animation:rotation var(--time-animation) linear infinite}.loader svg #clipping polygon:nth-child(7){transform-origin:60% 40%;animation:rotation var(--time-animation) linear infinite;animation-delay:calc(var(--time-animation) / -1.5)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes roundness{0%{filter:contrast(15)}20%{filter:contrast(3)}40%{filter:contrast(3)}60%{filter:contrast(15)}to{filter:contrast(15)}}@keyframes colorize{0%{filter:hue-rotate(0deg)}20%{filter:hue-rotate(-30deg)}40%{filter:hue-rotate(-60deg)}60%{filter:hue-rotate(-90deg)}80%{filter:hue-rotate(-45deg)}to{filter:hue-rotate(0deg)}}.about{margin:5rem 0}.about h1{font-size:3rem;color:var(--white-text);margin-bottom:24px}.about .container{display:flex;justify-content:space-between;padding:48px}.about .container .left{width:33%}.about .container .left p{color:#f5f5f5e6;font-size:1rem;line-height:1.3}.about .container .right{width:60%;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.about .container .right .card{background-color:#ffffff0d;border:var(--card-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.about .container .right .card .icon{font-size:3rem;color:var(--primary-dark);margin-bottom:16px}.about .container .right .card h2{font-size:2.25rem;color:var(--white-text);margin-bottom:10px}.about .container .right .card p{color:var(--gray-text)}.courses .bottom .card{padding:24px;transition:all .3s ease-in-out}.courses .bottom .card .icon{transition:all .3s ease-in-out;padding:14px;display:inline-flex;justify-content:center;align-items:center;background-color:var(--primary);border-radius:15px;margin-bottom:16px}.courses .bottom .card .icon img{width:28px;height:28px}.courses .bottom .card h2{color:var(--white-text);font-size:1.5rem;margin-bottom:8px}.courses .bottom .card .description{font-size:.875rem;color:var(--gray-text);margin-bottom:16px}.courses .bottom .card .duration{margin-bottom:12px}.courses .bottom .card .forwho{margin-bottom:16px}.courses .bottom .card .topics-text{color:var(--white-text)}.courses .bottom .card ul{margin-bottom:16px}.courses .bottom .card ul li{list-style:disc;margin-left:35px;font-size:.875rem;color:var(--gray-text);margin-top:7px}.courses .bottom .card p{color:var(--gray-text);display:flex;gap:10px;align-items:center;font-size:.875rem}.courses .bottom .card a{background-color:var(--primary);display:block;padding:14px 32px;border-radius:10px;text-align:center;transition:.3s;font-size:.875rem}.courses .bottom .card a:hover{background-color:var(--primary-dark)}.team .bottom .member{display:flex;flex-direction:column;align-items:center;padding:24px;text-align:center;transition:all .3s ease-in-out}.team .bottom .member img{width:120px;height:120px;border-radius:50%;object-fit:cover;outline:4px solid rgba(40,189,115,.2117647059);margin-bottom:16px}.team .bottom .member h2{font-size:1.25rem;color:var(--white-text)}.team .bottom .member h3{margin-top:8px;font-size:1rem;color:var(--primary)}.team .bottom .member p{font-size:.875rem;margin-top:8px;color:var(--gray-text)}.location .bottom{align-items:center}.location .bottom .left{padding:32px}.location .bottom .left .heading{display:flex;align-items:center;gap:20px}.location .bottom .left .heading svg{width:24px;height:30px;color:var(--primary)}.location .bottom .left .heading h3{color:var(--white-text);font-size:1.25rem;margin-bottom:5px}.location .bottom .left .heading p{color:var(--gray-text);font-size:.875rem}.location .bottom .left .info{margin-top:24px}.location .bottom .left .info p{color:var(--white-text);margin-bottom:24px}.location .bottom .left .info a{background-color:var(--primary);padding:12px 24px;border-radius:10px;font-size:.875rem;transition:.3s}.location .bottom .left .info a:hover{background-color:var(--primary-dark)}.location .bottom .right iframe{width:100%;height:400px;border:none;border-radius:20px}.contact .bottom .left{display:flex;flex-direction:column;gap:16px}.contact .bottom .social{display:flex;gap:15px;padding:16px;align-items:center}.contact .bottom .social .icon{color:var(--primary);width:32px;height:32px}.contact .bottom .social h3{color:var(--white-text);font-size:1rem;margin-bottom:4px}.contact .bottom .social a{color:var(--gray-text);transition:.3s}.contact .bottom .social a:hover{color:var(--primary)}.contact .bottom .right{padding:32px}.contact .bottom .right h2{color:var(--white-text);font-size:1.5rem;margin-bottom:24px}.contact .bottom .right form{display:flex;flex-direction:column;gap:24px}.contact .bottom .right form label{color:var(--white-text);font-size:.875rem;margin-bottom:8px;display:block}.contact .bottom .right form input[type=text]{border-radius:8px;width:100%;display:block;border:none;font-size:1rem;border:var(--card-border);padding:8px 12px;background-color:#ffffff0d;color:var(--white-text)}.contact .bottom .right form input::placeholder{color:var(--gray-text)}.contact .bottom .right form input[type=submit]{background-color:var(--primary);color:var(--white-text);padding:12px;border:none;border-radius:10px;font-size:.875rem;cursor:pointer;transition:.3s}.contact .bottom .right form input[type=submit]:hover{background-color:var(--primary-dark)}footer{margin-top:150px;background-color:var(--footer-bg);display:flex;justify-content:space-between;padding:48px 175px}footer .left{max-width:350px}footer .left .logo{cursor:pointer;color:var(--primary);font-size:1.5rem;padding-bottom:16px}footer .left p{color:var(--gray-text)}footer .center ul{display:flex;gap:24px}footer .center a{color:var(--gray-text);font-size:1rem;transition:.3s}footer .center a:hover{color:var(--primary)}footer .center li{margin-top:8px}footer .right h3{color:var(--white-text);font-size:1rem;margin-bottom:16px}footer .right .socials{display:flex;gap:12px}footer .right .icon{width:24px;height:24px;transition:.3s}footer .right .icon:hover{color:var(--primary)}