@font-face{font-family:Interphases Pro;src:url(/assets/TT%20Interphases%20Pro%20Trial%20DemiBold-D6Q3naVo.ttf) format("truetype");font-weight:400;font-style:normal}:root{background-color:#000;scroll-behavior:smooth}@keyframes appear{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-animate{animation:appear linear both;animation-timeline:view();animation-range:entry 25% cover 50%}h1,h2,h3,h4,h5,h6,p,a{color:#fff}.glass{background:#fff1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(30px);border-radius:16px;box-shadow:0 8px 32px #00000040;pointer-events:auto}.navbar{width:35%;height:50px;position:fixed;top:10px;left:50%;transform:translate(-50%);border-radius:9999px;z-index:100}.robot{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hamburger{display:none;background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer;padding:.4rem .8rem;z-index:101}.navbar ul{position:relative;top:-15px;list-style:none;display:flex;justify-content:space-evenly;align-items:center;height:100%;margin-left:-39px}.navbar ul li{cursor:pointer}.navbar ul li a{text-decoration:none;color:#fff;display:block;font-family:Interphases Pro,sans-serif;font-size:18px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;position:relative}.navbar ul li a:hover{color:#df99ff;text-shadow:0 0 10px rgba(223,153,255,.8);transform:scale(1.05)}.intro{position:relative;z-index:2;left:-20%;top:3%}.intro-title{font-family:Interphases Pro,sans-serif;color:#fff;font-size:55px;font-weight:700;margin-bottom:-15px}.intro-text{font-family:Interphases Pro,sans-serif;color:#fff;font-size:30px;font-weight:700;width:615px}.text-neon{color:#df99ff;font-weight:700;text-shadow:0 0 8px rgba(223,153,255,.6)}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:1200px;padding:2rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{display:block;padding:2rem;text-decoration:none;transition:transform .3s ease,background .3s ease;position:relative;z-index:5}.project-card:hover{transform:translateY(-10px);background:#ffffff1a}.project-title{font-family:Interphases Pro,sans-serif;font-size:1.8rem!important;margin-bottom:1rem;color:#fff!important}.project-description{font-family:Interphases Pro,sans-serif;color:#ccc!important;margin-bottom:1.5rem;line-height:1.5}.project-tags{display:flex;flex-wrap:wrap;gap:.8rem}.tag{font-size:.9rem;padding:.4rem 1rem;border-radius:9999px;font-weight:600}.contact{height:120px;width:800px;display:flex;justify-content:center;align-items:center;gap:7rem}.contact a{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact a:hover{color:#df99ff;filter:drop-shadow(0 0 10px rgba(223,153,255,.8));transform:scale(1)}.site-footer{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1rem 2.5rem;border-top:1px solid rgba(255,255,255,.07)}.footer-inner{display:flex;align-items:center;gap:.75rem}.footer-label{font-family:Interphases Pro,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#fff6}.footer-hits{height:22px;border-radius:6px;filter:brightness(1.15)}.footer-copy{font-family:Interphases Pro,sans-serif;font-size:.78rem;color:#fff3;margin:0}@media(min-width:768px)and (max-width:1023px){.scroll-animate{animation-range:entry 10% cover 35%}.navbar{width:60%}.intro{left:0;top:0;text-align:center;padding:0 2rem}.robot{display:none!important}.intro-title{font-size:2.8rem}.intro-text{font-size:1.4rem;width:100%;max-width:560px}.glass-sobre-mi{width:90%!important}.contact{width:100%;max-width:600px;gap:4rem}}@media(max-width:767px){.scroll-animate{animation-range:entry 5% cover 25%}.navbar{width:48px;height:auto;min-height:48px;border-radius:16px;padding:0;top:10px;left:10px;transform:none;overflow:hidden;display:flex;flex-direction:column;align-items:center;transition:width .35s ease}.navbar.open{width:calc(100vw - 20px)}.hamburger{display:flex;align-items:center;justify-content:flex-start;width:48px;min-height:48px;flex-shrink:0;padding-left:12px;align-self:flex-start;transition:transform .35s ease}.navbar.open .hamburger{transform:rotate(90deg);align-self:center;margin-bottom:6%}.navbar ul{display:flex;flex-direction:column;align-items:center;gap:.8rem;list-style:none;margin:5px;padding:0;width:100%;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.navbar ul.open{max-height:300px;opacity:1;padding:.2rem 0 .8rem}.robot{display:none!important}.intro{width:80%;left:0;top:0;text-align:center;padding:0 1.2rem}.intro-title{font-size:2rem;margin-bottom:-8px}.intro-text{font-size:1.15rem;width:100%}.glass-sobre-mi{width:100%!important}.projects-grid{padding:.5rem}.contact{width:100%;gap:3rem}.contact a svg{width:50px!important;height:50px!important}}