:root{--bg-color:#000000;--bg-dark:#000000;--bg-card:#1b1b1b;--text-color-rgb:255,255,255;--text-color:#ffffff;--accent-teal-rgb:0,255,213;--accent-teal:#00ffd5;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--accent-orange:#FFB800;--black-rgb:0,0,0}[data-theme=light]{--bg-color:#FFF8F0;--bg-dark:#FFF8F0;--bg-card:#ffffff;--text-color-rgb:22,22,22;--text-color:#161616;--accent-teal-rgb:0,168,139;--accent-teal:#00a88b;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--black-rgb:255,248,240;--black:#ffffff}.centerHeading{text-align:center;margin-bottom:60px}.centerHeading__title{letter-spacing:.015em;color:var(--text-color)}.centerHeading__subtitle{font-weight:400;font-size:16px;line-height:22px;color:rgba(var(--text-color-rgb),.6);max-width:700px;margin:12px auto 0}.techNew{background-color:var(--bg-dark);color:var(--text-color);padding:100px 0;font-family:Inter,sans-serif}.techNew__grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:40px}@media(max-width:640px){.techNew__grid{grid-template-columns:1fr}}.techCard{position:relative;padding:60px 40px;transition:background-color .3s ease}.techCard:first-child:before{content:"";position:absolute;top:0;left:100%;width:1px;height:200%;background:linear-gradient(180deg,hsla(0,0%,100%,.2) 30%,transparent);z-index:1}@media(max-width:640px){.techCard:first-child:before{display:none}}.techCard:first-child:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(270deg,hsla(0,0%,100%,.2) 30%,transparent)}@media(max-width:640px){.techCard:first-child:after{display:none}}.techCard:nth-child(2):after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,.2) 30%,transparent)}@media(max-width:640px){.techCard:nth-child(2):after{display:none}}.techCard:nth-child(3):after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(270deg,hsla(0,0%,100%,.2) 30%,transparent)}@media(max-width:640px){.techCard:nth-child(3):after{display:none}}.techCard:nth-child(4):after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,.2) 30%,transparent)}@media(max-width:640px){.techCard:nth-child(4):after{display:none}}.techCard__content{display:flex;flex-direction:column;gap:20px}.techCard__number{font-size:14px;color:hsla(0,0%,100%,.6);font-weight:500;display:block;margin-bottom:10px}.techCard__title{color:#fff;margin:0}.techCard__description{font-size:16px;line-height:1.6;color:hsla(0,0%,100%,.7);margin:0}.techCard:hover{background-color:hsla(0,0%,100%,.02)}.techCard:first-child:hover{background:radial-gradient(circle at bottom right,rgba(0,255,213,.5) 0,transparent 70%)}.techCard:nth-child(2):hover{background:radial-gradient(circle at bottom left,rgba(250,52,99,.5) 0,transparent 70%)}.techCard:nth-child(3):hover{background:radial-gradient(circle at top right,rgba(255,184,0,.5) 0,transparent 70%)}.techCard:nth-child(4):hover{background:radial-gradient(circle at top left,rgba(156,39,176,.5) 0,transparent 70%)}[data-theme=light] .techCard{background-color:rgba(0,0,0,0)}[data-theme=light] .techCard .centerHeading__title{color:#000}[data-theme=light] .techCard .centerHeading__subtitle{color:rgba(0,0,0,.6)}[data-theme=light] .techCard__grid{border-top-color:rgba(0,0,0,.1)}[data-theme=light] .techCard .techCard{border-bottom-color:rgba(0,0,0,.1)}[data-theme=light] .techCard .techCard__number{color:rgba(0,0,0,.5)}[data-theme=light] .techCard .techCard__title{color:#000}[data-theme=light] .techCard .techCard__description{color:rgba(0,0,0,.6)}[data-theme=light] .techCard .techCard:first-child:before{background:linear-gradient(180deg,rgba(0,0,0,.1) 30%,transparent)}[data-theme=light] .techCard .techCard:first-child:after{background:linear-gradient(270deg,rgba(0,0,0,.1) 30%,transparent)}[data-theme=light] .techCard .techCard:nth-child(2):after{background:linear-gradient(90deg,rgba(0,0,0,.1) 30%,transparent)}[data-theme=light] .techCard .techCard:nth-child(3):after{background:linear-gradient(270deg,rgba(0,0,0,.1) 30%,transparent)}[data-theme=light] .techCard .techCard:nth-child(4):after{background:linear-gradient(90deg,rgba(0,0,0,.1) 30%,transparent)}[data-theme=light] .techCard .techCard:hover{background-color:rgba(0,0,0,.02)}