:root{--primary-bg: rgb(15, 15, 15);--secondary-bg: rgb(30, 30, 30);--primary-shadow: rgb(50, 50, 50);--primary-shadow-transparent: rgb(50, 50, 50, .6);--primary-text: white;--secondary-text: rgb(200, 200, 200);--primary-border: rgb(40, 40, 40);--primary-color: rgb(35, 105, 255);--secondary-color: rgb(135, 224, 19);--invert: invert(0)}.light{--primary-bg: rgb(240, 240, 240);--secondary-bg: rgb(215, 215, 215);--primary-shadow: rgb(135, 135, 135);--primary-shadow-transparent: rgb(135, 135, 135, .6);--primary-text: black;--secondary-text: rgb(55, 55, 55);--primary-border: rgb(200, 200, 200);--primary-color: rgb(15, 33, 111);--secondary-color: rgb(135, 224, 19);--invert: invert(1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s ease}body{background-color:var(--primary-bg)}.nav{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--primary-border);padding-inline:100px;height:70px;z-index:1000;position:sticky;top:0;background-color:var(--primary-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-logo,.footer-logo{display:flex;align-items:center;gap:10px;color:var(--primary-text);font-size:20px;text-decoration:none;transition:text-shadow .3s ease;font-family:Cal Sans,sans-serif;padding-right:20px;padding-block:10px}.footer-logo{padding-top:0}.nav-logo img,.footer-logo img{width:40px;height:40px}.nav-logo:hover{text-shadow:0px 0px 10px var(--primary-shadow)}.nav-links{display:flex;align-items:center;gap:10px}.nav-link{color:var(--secondary-text);text-decoration:none;font-size:17px;transition:color .3s ease;padding:10px}.nav-link:hover{color:var(--primary-color)}.nav-img{width:25px;height:25px;cursor:pointer;margin-inline:10px;filter:var(--invert)}.hero{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;padding-block:50px 100px;background:linear-gradient(170deg,var(--secondary-bg),var(--primary-bg),var(--primary-bg))}.hero-title{color:var(--primary-text);font-size:40px;text-align:center}.hero-description{color:var(--secondary-text);font-size:20px;text-align:center;line-height:30px;width:65%}.cards{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding-inline:100px}.card{background-color:var(--secondary-bg);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px 30px;text-decoration:none}.card-logo{width:100px;transition:transform .3s ease}.card:hover .card-logo{transform:scale(1.05)}.card-name{color:var(--primary-text);font-size:20px}.section{display:flex;padding-inline:100px;gap:80px;padding-block:50px}.section-info{display:flex;flex-direction:column;gap:30px}.section-title{color:var(--primary-text);font-size:30px}.section-description{color:var(--secondary-text);font-size:18px;line-height:25px}.section-img{height:200px;padding-inline:80px;filter:drop-shadow(0px 0px 10px var(--primary-shadow));transition:filter .3s ease,transform .3s ease}.section-img:hover{filter:drop-shadow(0px 0px 20px var(--primary-shadow));transform:scale(1.05)}.section-btns{display:flex;gap:30px}.section-btn{border:2px solid;border-radius:30px;color:var(--primary-text);font-size:18px;padding:10px 20px;text-decoration:none}.action{color:#fff}.footer{border-top:2px solid var(--primary-border);padding:50px 100px;display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:50px}.footer-column{display:flex;flex-direction:column;gap:10px;flex:1}.footer-copy,.footer-copy a{color:var(--secondary-text);font-size:14px}.footer-title{color:var(--secondary-text);font-size:16px;margin-bottom:10px}.footer-link{color:var(--secondary-text);text-decoration:none;font-size:14px}.footer-link:hover{text-decoration:underline}.footer-social{display:flex;gap:20px}.footer-icon img{width:25px;height:25px;cursor:pointer;filter:var(--invert)}@media (max-width: 750px){.nav{padding-inline:20px;gap:0px}.nav-link{padding:10px}.cards{padding-inline:20px;gap:20px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--secondary-text);border-radius:10px;border:2px solid var(--primary-bg)}