:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#ffffffde;background:#000}.homepage{display:flex;align-items:center;justify-content:center;padding:1rem;min-height:100vh;gap:10%}.picture-label{justify-items:center}.profile-wrapper{width:300px;height:300px;border-radius:50%;padding:5px;position:relative;overflow:hidden}.profile-wrapper:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#0025025f,#018d01);animation:rotate 30s linear infinite;transition:opacity .3s ease}.profile-wrapper img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#000;transition:transform .4s ease}.profile-wrapper:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#000;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-wrapper:hover img{transform:scale(1.08)}.label{font-size:2rem;color:#fff}.contact-form{justify-items:center;padding:2rem;border-radius:5%;margin-bottom:6%;background:#0a0e0c8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:#ffffff1a;box-shadow:0 10px 30px #00000040}.contact-form form{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:24px}.contact-form input,.contact-form textarea{padding:.8rem;border-radius:8px;border:none}.contact-form button{padding:.8rem;border-radius:8px;cursor:pointer;background:#018d018d;transition:background .2s ease}.contact-form button:hover{background:#018d01}@media(max-width:768px){.profile-wrapper{width:200px;height:200px}.homepage{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem}.contact-form{width:80%;display:flex;justify-content:center;flex-direction:column;justify-items:center;align-items:center}.contact-form form{width:90%;max-width:400px}}.portfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4rem;justify-items:center;max-width:1000px;margin:6rem auto 0;padding:0 1rem}.portfolio a{position:relative;display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:12px;text-decoration:none;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:250px;font-size:clamp(1.2rem,2vw,1.8rem);transition:transform .2s ease,box-shadow .2s ease;z-index:1}.portfolio a:before{content:"";position:absolute;inset:0;border-radius:12px;background:conic-gradient(#00250266,#018d01,#00250266);animation:rotate 12s linear infinite;z-index:-2}.portfolio a:after{content:"";position:absolute;inset:2px;border-radius:10px;background:#0a0e0cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:-1}.portfolio a:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #0000004d}@keyframes rotate{to{transform:rotate(360deg)}}.portfolio a:nth-child(1):before{background:conic-gradient(#0f8,#00c3ff,#0f8)}.portfolio a:nth-child(2):before{background:conic-gradient(#f0c,#33f,#f0c)}.portfolio a:nth-child(3):before{background:conic-gradient(#fc0,#f60,#fc0)}header{display:flex;justify-content:center}.navbar-link{position:relative;text-decoration:none;color:#fff}.navbar-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#12b500;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.navbar-link-active:after{transform:scaleX(1)}.navbar-inner{position:fixed;display:flex;align-items:center;justify-content:space-between;padding:2rem 10rem;top:0;left:0;right:0;z-index:10;border-radius:24px;margin:20px;height:0px;background:transparent;border:1px solid transparent;box-shadow:none;opacity:1;transform:translateY(0)}.navbar-link:hover:after{transform:scaleX(1)}.navbar--scrolled{background:#0a0e0c8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:#ffffff1a;box-shadow:0 10px 30px #00000040;opacity:1;transform:translateY(0)}.navbar-menu-desktop{display:flex;justify-content:space-between;width:20%}@media(max-width:1023px){.navbar-menu-desktop{display:none}.navbar-inner{padding:2rem;margin:0;border-radius:0}}.navbar-burger{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:0;cursor:pointer;position:relative;z-index:99999}.navbar-burger span{position:absolute;width:28px;height:2px;background:#fff;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.navbar-burger span:nth-child(1){transform:translateY(-6px)}.navbar-burger span:nth-child(2){transform:translateY(6px)}.navbar-burger--open span:nth-child(1){transform:rotate(45deg)}.navbar-burger--open span:nth-child(2){transform:rotate(-45deg)}@media(min-width:1024px){.navbar-burger{display:none}}.navbar-menu-mobile{display:none}.navbar-menu-mobile{position:fixed;top:0;right:-100%;width:min(80vw,150px);height:100vh;display:flex;flex-direction:column;align-items:flex-end;gap:2rem;padding:7rem 2rem 2rem;background:#0a0e0cf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:-10px 0 30px #00000040;transition:right .3s ease;z-index:9}.navbar-menu-mobile.open{right:0}@media(min-width:1024px){.navbar-menu-mobile{display:none}}@media(max-width:1023px){.navbar-menu-mobile{display:flex}.navbar-menu-mobile .navbar-link{font-size:1.5rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-height:100vh}body{color:#ffffffde}.app-bg{position:relative;min-height:100vh;background:radial-gradient(circle at top center,rgba(59,246,68,.09),transparent 55%),linear-gradient(to top left,#000700,#073d1e5d,#000700)}#particles-js{position:absolute;inset:0;width:100%;height:100%;z-index:0}.content{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}