.menu{display:flex;justify-content:center;gap:20px;margin-top:10px}.menuItem{padding:8px 15px;font-size:25px;cursor:pointer;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:5px;position:relative;transform:translateY(0);opacity:.8}.menuItem:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#7a1632b3;transition:all .3s ease;transform:translate(-50%)}.menuItem:hover{background-color:#7a16324d;transform:translateY(-2px);opacity:1}.menuItem.active{background-color:#7a163280;transform:translateY(-3px);opacity:1;box-shadow:0 4px 20px #7a16324d}.menuItem:hover:after{width:60%}.menuItem.active:after{width:100%;height:3px;background-color:#f1244a}.tooltip{margin-top:20px;padding:20px;background-color:#201e2df2;border-radius:8px;color:#fff;max-width:800px;margin-left:auto;margin-right:auto;animation:elegantFadeIn .4s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}@keyframes elegantFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-exit{animation:elegantFadeOut .3s ease-out forwards}@keyframes elegantFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}a:link,a:visited{font-weight:700;color:#f1244a;background-color:transparent;text-decoration:none}a:hover,a:active{font-weight:700;color:#7a1632;background-color:transparent;text-decoration:underline}.tooltip h2{margin-top:0;margin-bottom:15px}.tooltip p{margin:10px 0}.tooltip a{color:#f1244a;text-decoration:none}.tooltip a:hover{text-decoration:underline}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.project-card{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(122,22,50,.1),transparent);opacity:0;transition:opacity .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#f1244a4d}.project-card:hover:before{opacity:1}.project-card h3{margin:0 0 10px;font-size:1.3em;color:#fff}.project-card p{margin:0 0 15px;font-size:.95em;line-height:1.5;color:#fffc}.project-card a{display:inline-flex;align-items:center;gap:5px;font-weight:600;transition:all .2s ease;position:relative;z-index:10}.project-card a:hover{gap:8px}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.modal-overlay{opacity:0;transition:opacity .3s ease-in-out}.modal-overlay.open{opacity:1}.modal-content{transform:scale(.9);transition:transform .3s ease-in-out}.modal-content.open{transform:scale(1)}h1{font-size:300%;text-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease;letter-spacing:2px}h1:hover{transform:scale(1.05);text-shadow:0 5px 20px rgba(122,22,50,.5)}body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:Chakra Petch,sans-serif;font-weight:500;font-style:normal}button{font-family:Chakra Petch,sans-serif;font-weight:500;font-style:normal;color:#fff}#root{height:100%;width:100%}.chakra-petch-light{font-family:Chakra Petch,sans-serif;font-weight:300;font-style:normal}.chakra-petch-regular{font-family:Chakra Petch,sans-serif;font-weight:400;font-style:normal}.chakra-petch-medium{font-family:Chakra Petch,sans-serif;font-weight:500;font-style:normal}.chakra-petch-semibold{font-family:Chakra Petch,sans-serif;font-weight:600;font-style:normal}.chakra-petch-bold{font-family:Chakra Petch,sans-serif;font-weight:700;font-style:normal}