@layer reset{*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{margin:unset}button,input,textarea,select{font:inherit}img,picture,svg,canvas{block-size:auto;max-inline-size:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}:root{--color-primary:#22c55e;--text-w:#fff;--bg:#16171d;--size-banner-text:2.3rem;--size-header-text:2rem;--size-body-text:1.2rem;--button-border:#22c55e80;--button-background-light:#22c55e1a;--button-background-dark:#22c55e;--button-dark-hover:#00aa3f;--button-padding:.5rem 1.56rem;--button-radius:.5rem;--text-gray:#a3a3a3;--font-important:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-regular:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html{background-color:var(--bg);font-family:var(--font-regular);cursor:default;scroll-behavior:smooth}main{padding:0 5rem}.nav-bar{z-index:100;padding:.5rem 2rem;position:sticky;top:0}.nav-bar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgb(var(--color-primary-rgb) / 25%);background-color:#ffffff14}.nav-bar .nav-list{font-family:var(--font-important);justify-content:center;align-items:center;gap:3rem;list-style:none;display:flex}.nav-bar .nav-list li{color:var(--color-primary);position:relative}.nav-bar .nav-list li a{color:var(--text-w);font-weight:700;font-size:var(--size-body-text);text-decoration:none;transition:all .25s}.nav-bar .nav-list li a:after{content:"";background:var(--color-primary);transform-origin:0;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-bar .nav-list li a:hover:after,.nav-bar .nav-list li a:focus-within:after{transform:scaleX(1)}.nav-bar .nav-list li a:hover{color:var(--color-primary)}.nav-bar .nav-list .logo{font-family:var(--font-important);margin-right:auto;font-size:2rem;font-weight:700}.nav-bar .nav-list button{color:var(--color-primary);padding:var(--button-padding);border:1px solid var(--button-border);border-radius:var(--button-radius);background-color:#0000;justify-content:center;align-items:center;gap:.5rem;font-weight:700;transition:transform .25s;display:flex}.nav-bar .nav-list button:hover{cursor:pointer;background-color:var(--button-background-light);transform:scale(1.1);box-shadow:inset 0 -2em 2em #22c55e1a,.2em .2em .5em #22c55e33}.banner{justify-content:space-between;align-items:center;margin-top:1.6rem;display:flex}.banner .banner-word{width:55%}.banner .banner-word .name{color:var(--color-primary);border:solid 1px var(--button-border);background-color:var(--button-background-light);border-radius:2rem;width:fit-content;padding:.3rem 1.5rem;font-size:1rem}.banner .banner-word .banner-text-main{color:var(--color-primary);font-size:var(--size-banner-text);margin:2rem 0 3rem;font-weight:700}.banner .banner-word .banner-text-main h2:first-child{color:var(--text-w)}.banner p{color:var(--text-gray);font-size:1.2rem;font-family:var(--font-regular);margin-bottom:1rem}.banner .banner-actions{margin-top:1.5rem}.banner .banner-actions button a{color:#fff;text-decoration:none}.banner .banner-actions button{color:var(--color-primary);border:solid 1px var(--button-border);border-radius:var(--button-radius);padding:var(--button-padding);cursor:pointer;background-color:#0000;font-weight:700;transition:all .25s}.banner .banner-actions button:hover{background-color:var(--button-background-light);transform:scale(1.1);box-shadow:inset 0 -2em 2em #22c55e1a,.2em .2em .5em #22c55e33}.banner .banner-actions button:first-child{background-color:var(--button-background-dark);color:var(--text-w)}.banner .banner-actions button:first-child:hover{background-color:var(--button-dark-hover)}.banner .banner-actions{gap:1rem;display:flex}.banner .banner-img{animation:2s ease-in-out infinite alternate float}.banner .banner-img img{object-fit:cover;border:2px solid #22c55e66;border-radius:50%;width:15rem;height:15rem;display:block;box-shadow:0 0 2rem #22c55e59,0 0 4rem #22c55e33}.about{justify-content:center;align-items:start;gap:3rem;margin:8rem 0;display:flex}.about .picture{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.about .picture img{object-fit:cover;border-radius:1rem;width:20rem;height:25rem;box-shadow:0 0 1rem #22c55e59,0 0 2rem #22c55e33}.about .picture .socials{gap:1rem;display:flex}.about .about-text{width:50%}.about .about-text h2{color:var(--color-primary);font-size:var(--size-header-text);margin-bottom:1.5rem;font-weight:700}.about .about-text p{font-family:var(--font-regular);color:var(--text-w);font-size:var(--size-body-text);margin-bottom:1rem;line-height:2rem}.technology{flex-direction:column;align-items:center;display:flex}.technology h2{text-align:center;color:var(--text-gray);font-size:var(--size-header-text);margin-bottom:1.5rem}.technology .logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;width:80%;display:flex}.technology .logos div{cursor:pointer;width:7rem;color:var(--text-gray);border:1px solid #777c;border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;padding:1rem .5rem;transition:all .25s;display:flex}.technology .logos div:hover{background-color:#ffffff1a}.technology .logos div img{width:2rem;height:2rem}.featured-projects{max-inline-size:70rem;margin-block-start:10rem;margin-inline:auto}.featured-projects h2{color:var(--color-primary);text-align:center;margin-block-end:2rem;font-size:3rem;font-weight:700}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:1.5rem;display:grid}.project-card{border:1px solid var(--button-border);border-radius:1rem;flex-wrap:wrap;display:flex;overflow:hidden}.project-card .card-media{overflow:hidden}.project-card img{aspect-ratio:16/9;object-fit:cover;object-position:top;flex:10rem}.project-card .card-body{font-size:.875rem;line-height:1.5;font-family:var(--font-regular);flex-direction:column;flex:2 16rem;gap:.75rem;padding:1.25rem;display:flex}.project-card .card-body h3{color:#fff;font-size:1.25rem}.project-card .card-body p{color:var(--text-gray)}.project-card .meta{opacity:.7;justify-content:space-between;align-items:center;margin-block-start:auto;font-size:.75rem;display:flex}.project-card .meta a{color:var(--text-gray);align-items:center;gap:.3rem;text-decoration:none;transition:all .25s;display:flex}.project-card .meta a:hover{color:var(--color-primary)}.tags{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.tags li{color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 40%, transparent);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:999px;padding:.125rem .5rem;font-size:.75rem}.achievements{margin-top:7rem}.achievements h2{text-align:center;color:var(--color-primary);margin-bottom:2rem;font-size:3rem}.achievements .card-media img{object-fit:cover;object-position:top;flex:10rem;width:5rem}.achievements .certs{flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:0;list-style:none;display:flex}.achievements .achievement-card{cursor:pointer;border:1px solid #777c;border-radius:1rem;align-items:flex-start;gap:1rem;max-width:100%;padding:1rem;display:flex}.achievements .achievement-card h3{color:#fff;margin-bottom:1rem}.achievements .achievement-card p{color:var(--text-gray);font-family:var(--font-regular)}.achievements .achievement-card .card-media{flex-shrink:0}.achievements .achievement-card .card-media img{aspect-ratio:1;object-fit:contain;width:5rem;transition:all .25s;display:block}.contact{margin-top:7rem}.contact .header{margin-bottom:1.5rem}.contact h2{text-align:center;color:var(--color-primary);font-size:3rem}.contact p{color:var(--text-gray)}.contact .sub-header{text-align:center}.grid-container{color:#e6e6e6;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:3.5rem;max-width:75rem;margin-inline:auto;padding:2rem;display:grid}.grid-container h3{color:var(--color-primary);font-size:1.3rem;font-weight:700}.grid-container .info-list{list-style:none}.grid-container .info-list .info-item{margin-bottom:1rem}.grid-container .info-list .info-item .icon{background-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:2rem;padding:.5rem}.grid-container .info-item{align-items:center;gap:1rem;display:flex}.grid-container .info-item p{color:#e6e6e6;font-weight:600}.grid-container .info-item a{color:var(--text-gray);text-decoration:none;transition:all .25s}.grid-container .info-item a:hover{color:var(--color-primary)}.grid-container .info-item .text-gray{color:var(--text-gray);font-weight:400}.contact__sidebar{gap:1rem;display:grid}.contact__sidebar h3{margin-bottom:1rem}.form-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;display:grid}.form-container .span-all{grid-column:1/-1}.form-container .form-field{gap:.5rem;display:grid}.form-container .form-field label{font-weight:700;font-family:var(--font-regular)}.form-container .form-field input,.form-container .form-field textarea{color:#fff;resize:none;background-color:#0000;border:1px solid #777c;border-radius:.5rem;padding:.5rem}:is(.form-container .form-field input,.form-container .form-field textarea):focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #22c55e40}.form-container .form-field input{height:2.5rem}.form-container .btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-self:start;align-items:center;gap:.5rem;padding:.8rem 1rem;transition:all .25s;display:flex}.form-container .btn:hover{background-color:var(--button-dark-hover)}.form-container .btn:disabled{cursor:not-allowed;opacity:.7}.card{background:#1c1c1cd7;border:1px solid #777c;border-radius:1rem;padding:2rem 2rem 1.5rem}.socials{gap:1.5rem;display:flex}.socials a{background-color:#252525d7;border-radius:50%;justify-content:center;align-items:center;padding:.8rem;transition:all .25s;display:flex}.socials a:hover{background-color:var(--color-primary);transform:translateY(-.2rem)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.project-card .card-media img{transition:transform .4s}.project-card:hover .card-media img,.project-card:focus-within .card-media img,.achievement-card:hover .card-media img,.achievement-card:focus-within .card-media img{transform:scale(1.08)}.achievement-card:hover{background-color:#ffffff1a}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}