*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary-bg: #111113;--accent: #23AFD0;--text-primary: #EDEEF0;--text-secondary: #B0B4BA;--seperator: #B0B4BA}body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:var(--primary-bg);color:var(--text-primary)}.accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}#root{max-width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center}.hero{width:100%;height:100%;min-height:85vh;display:flex;justify-content:center}.hero-content{width:100%;max-width:1100px;display:flex;justify-content:center;align-items:center;gap:2rem;padding:3rem}.hero-right{flex:4;display:flex;justify-content:center;align-items:center;min-width:300px}.hero-left{width:100%;height:100%;flex:6;display:flex;justify-content:center;flex-direction:column;gap:2rem}.hero-text{display:flex;flex-direction:column;gap:.5rem}.tempImg{width:100%;border-radius:2%;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.icon{width:100%}.icon img{width:40px;will-change:filter,transform;transition:filter .2s,transform .2s}.icon img:hover{filter:drop-shadow(0 0 .25rem var(--accent));transform:scale(1.05)}.hero-title{font-size:4rem;font-weight:600}.hero-subtitle{font-size:3rem;font-weight:500}.text-software-engineering{font-weight:400}.hero-para{font-size:1rem;font-weight:300}.seperator{border:1px var(--seperator) solid;max-width:512px}.testSection{width:100%;height:100%;min-height:85vh}@media (min-width: 1px) and (max-width: 640px){.hero{min-height:100vh;min-height:100svh}.hero-content{flex-direction:column;padding:1.75rem;gap:1rem}.hero-left{gap:1rem}.icon img{width:30px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.75rem}.hero-para{font-size:1rem}.seperator{max-width:100%}}