*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-100);background-color:var(--color-bg-darker);overflow-x:hidden;background-image:var(--pattern-circuit);background-attachment:fixed;animation:grid-flow 20s linear infinite}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-primary-light);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-gray-100)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-4xl) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.visible{display:block!important}@media (max-width: 768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-primary-dark);border-radius:var(--radius-full);box-shadow:0 0 10px #a0e7c080}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);box-shadow:var(--shadow-glow)}::selection{background-color:var(--color-primary);color:var(--color-white)}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes grid-flow{0%{background-position:0px 0px}to{background-position:-60px -60px}}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary),0 0 5px var(--color-primary);z-index:9999;width:0%;transition:width .1s ease-out}.hero__particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}#features,#projects,#skills,#about,#contact{position:relative;border-top:1px solid var(--color-primary);border-radius:24px 24px 0 0;box-shadow:0 -15px 30px #000000b3;background-image:var(--pattern-circuit);animation:grid-flow 10s linear infinite;margin-top:-40px;padding-top:calc(var(--spacing-4xl) + 20px)}#hero{padding-bottom:80px}#features{z-index:10}#projects{z-index:20}#skills{z-index:30}#about{z-index:40}#contact{z-index:50}#features,#skills,#contact{background-color:var(--color-bg-darker)}#projects,#about{background-color:var(--color-bg-dark)}#footer{position:relative;z-index:60;background-color:var(--color-gray-900)}