@font-face{font-family:Interphases Pro;src:url(/assets/TT%20Interphases%20Pro%20Trial%20DemiBold-D6Q3naVo.ttf) format("truetype");font-weight:400;font-style:normal}@media(pointer:fine){html,body,body *{cursor:none!important}.cursor-dot{width:6px;height:6px;background:#df99ff;border-radius:50%;position:fixed;pointer-events:none;z-index:9999;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 12px #df99ffe6;will-change:transform,opacity;transition:opacity .2s ease}.cursor-ring{width:29px;height:29px;border:1.2px solid rgba(223,153,255,.45);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;opacity:0;transform:translate(-50%,-50%);will-change:transform,opacity;transition:transform .1s ease-out,opacity .2s ease}}:root{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 92% 8%,rgba(223,153,255,.22) 0%,transparent 45%),radial-gradient(ellipse at 4% 62%,rgba(124,58,237,.18) 0%,transparent 42%),radial-gradient(ellipse at 68% 38%,rgba(223,153,255,.12) 0%,transparent 38%),#000;background-attachment:fixed}@keyframes appear{0%{opacity:0;transform:translateY(80px) 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:40px;position:fixed;top:8px;left:50%;transform:translate(-50%);border-radius:9999px;z-index:100}.pfp{width:26px;height:26px;border-radius:50%;display:block}.pfp-item{display:flex;align-items:center;cursor:default}.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.28rem;cursor:pointer;padding:.32rem .64rem;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:14px;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)}.nav-btn,.nav-back{background:none;border:none;color:#fff;font-family:Interphases Pro,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;padding:0;transition:all .3s ease;position:relative}.nav-btn:hover,.nav-back:hover{color:#df99ff;text-shadow:0 0 10px rgba(223,153,255,.8);transform:scale(1.05)}.nav-back{color:#df99ff}.intro{position:relative;z-index:2;left:-20%;top:-4%}.intro-title{font-family:Interphases Pro,sans-serif;color:#fff;font-size:44px;font-weight:700;margin-bottom:-12px}.intro-text{font-family:Interphases Pro,sans-serif;color:#fff;font-size:24px;font-weight:700;width:492px}.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:1.6rem;width:100%;max-width:960px;padding:1.6rem}.projects-grid-animate{animation:appear linear both;animation-timeline:view();animation-range:entry 5% cover 35%}@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:1.6rem;text-decoration:none;transition:transform .3s ease,background .3s ease;position:relative;z-index:5}.project-card:hover{transform:translateY(-8px);background:#ffffff1a;box-shadow:0 0 35px #df99ff4d,0 8px 32px #00000040}.project-title{font-family:Interphases Pro,sans-serif;font-size:1.44rem!important;margin-bottom:.8rem;color:#fff!important}.project-description{font-family:Interphases Pro,sans-serif;color:#ccc!important;margin-bottom:1.2rem;line-height:1.5}.project-tags{display:flex;flex-wrap:wrap;gap:.64rem}.tag{font-size:.72rem;padding:.32rem .8rem;border-radius:9999px;font-weight:600}.contact{height:96px;width:640px;display:flex;justify-content:center;align-items:center;gap:5.6rem}.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:.48rem;padding:1.6rem .8rem 2rem;border-top:1px solid rgba(255,255,255,.07)}.footer-inner{display:flex;align-items:center;gap:.6rem}.footer-label{font-family:Interphases Pro,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#fff6}.footer-hits{height:18px;border-radius:6px;filter:brightness(1.15)}.footer-copy{font-family:Interphases Pro,sans-serif;font-size:.62rem;color:#fff3;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.intro-fadein{animation:fadeInUp .85s ease forwards;animation-delay:.15s;opacity:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.carousel-wrapper{overflow:hidden;width:100%;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.stack-section{min-height:35vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;padding:3rem 0}.stack-section .carousel-wrapper{width:min(100%,1320px);padding:0 2rem;box-sizing:border-box}.carousel-track{display:flex;gap:.8rem;width:max-content;will-change:transform;padding:.4rem 0}.stack-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem 1.4rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);min-width:95px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease;cursor:default;flex-shrink:0}.stack-item:hover{background:#df99ff1a;border-color:#df99ff66;transform:translateY(-4px);box-shadow:0 0 20px #df99ff33}.stack-label{font-family:Interphases Pro,sans-serif;font-size:.72rem;color:#aaa;letter-spacing:.4px;text-align:center;white-space:nowrap}.section-heading{display:flex;flex-direction:column;align-items:center;gap:.48rem;margin-bottom:2.4rem}.section-heading.left{align-items:flex-start}.section-tag{font-family:Interphases Pro,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#df99ff;text-shadow:0 0 18px rgba(223,153,255,.7);margin:0;opacity:.9}.section-title{font-family:Interphases Pro,sans-serif;font-size:4rem;font-weight:900;letter-spacing:-.03em;line-height:1;background:linear-gradient(135deg,#fff,#f0d0ff 55%,#df99ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;margin:0}.section-title:after{content:"";display:block;width:100%;height:2px;border-radius:9999px;background:linear-gradient(90deg,#df99ff 0%,rgba(223,153,255,.25) 70%,transparent 100%);box-shadow:0 0 10px #df99ff80;margin-top:.52rem}@media(min-width:1600px){.stack-section{min-height:42vh;padding:4rem 0 3rem}.stack-section .section-heading{margin-bottom:3rem}.stack-section .carousel-wrapper{width:min(100%,1500px);padding:0 3rem}}@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}.stack-item{padding:.88rem .96rem;border-radius:11px;min-width:70px;gap:.4rem}.stack-item svg{width:29px;height:29px}.stack-label{font-size:.56rem}.stack-section .carousel-wrapper{padding:0 1.2rem}}@media(max-width:767px){.scroll-animate{animation-range:entry 5% cover 25%}.navbar{width:48px;height:48px;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,height .4s ease}.navbar.open{width:calc(100vw - 15px);height:auto}.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}.navbar ul .pfp-item{display:none}.navbar ul.open .pfp-item{display:flex}.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%}.section-title{font-size:2.4rem}.glass-sobre-mi{width:100%!important}.projects-grid{padding:.5rem}.contact{width:100%;gap:3rem}.contact a svg{width:50px!important;height:50px!important}.stack-item{padding:.6rem .7rem;border-radius:9px;min-width:54px;gap:.3rem}.stack-item svg{width:22px;height:22px}.stack-label{font-size:.48rem}.stack-section{padding:2.2rem 0}.stack-section .carousel-wrapper{padding:0 .75rem}}.keepit-main{background-color:#000;min-height:100vh;font-family:Interphases Pro,sans-serif}.keepit-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:5rem;padding:6rem 4rem 4rem;flex-wrap:wrap}.keepit-hero-content{max-width:560px;display:flex;flex-direction:column;gap:1.2rem}.keepit-badge-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.keepit-version-badge{font-size:.78rem;font-weight:700;letter-spacing:1.5px;padding:.3rem .9rem;border-radius:9999px;background:#df99ff26;color:#df99ff;border:1px solid rgba(223,153,255,.5);text-transform:uppercase}.keepit-lang-badge{font-size:.78rem;font-weight:600;padding:.3rem .9rem;border-radius:9999px;border:1px solid}.keepit-title{font-size:5.5rem;font-weight:700;line-height:1;color:#fff;margin:0}.keepit-tagline{font-size:1.6rem;color:#ffffffbf;margin:0}.keepit-desc{font-size:1.05rem;color:#ccc;line-height:1.7;margin:0}.keepit-hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.keepit-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.6rem;border-radius:9999px;font-family:Interphases Pro,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s ease;cursor:pointer;border:none}.keepit-btn-primary{background:#df99ff;color:#000}.keepit-btn-primary:hover{background:#f0c0ff;box-shadow:0 0 18px #df99ff99;transform:translateY(-2px);color:#000}.keepit-btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35)}.keepit-btn-outline:hover{border-color:#df99ff;color:#df99ff;box-shadow:0 0 14px #df99ff59;transform:translateY(-2px)}.keepit-mockup-wrap{flex-shrink:0}.phone-frame{width:270px;height:540px;border-radius:36px;padding:14px;border:2px solid rgba(255,255,255,.12);box-shadow:0 0 60px #df99ff1f,0 20px 60px #0009;display:flex;flex-direction:column}.phone-screen{flex:1;border-radius:26px;background:#0a0a0a;overflow:hidden;display:flex;flex-direction:column}.phone-status-bar{display:flex;justify-content:space-between;padding:10px 16px 6px;font-size:.7rem;color:#ffffff80;font-weight:600}.keepit-counter{color:#df99ff}.swipe-demo-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .8rem 1rem;gap:.8rem}.swipe-card-demo{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000080;animation:swipe-float 3s ease-in-out infinite}@keyframes swipe-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1.5deg)}}.photo-placeholder{overflow:hidden;line-height:0}.mockup-screenshot{width:100%;height:100%;object-fit:cover;display:block}.photo-meta{display:flex;flex-direction:column;padding:.6rem .8rem;gap:2px}.photo-name{font-size:.7rem;color:#fff;font-weight:600}.photo-date{font-size:.62rem;color:#fff6}.swipe-indicators{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.4rem 1.8rem 0}.app-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#ffffff12;border:1px solid rgba(255,255,255,.12);font-size:1.3rem;cursor:default;transition:transform .2s ease,background .2s ease}.app-btn:hover{transform:scale(1.12);background-color:#ffffff21}.swipe-left-hint{border-color:#ff646459;background-color:#ff646414}.swipe-right-hint{border-color:#3ddc8459;background-color:#3ddc8414}.keepit-section{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 3rem;position:relative;z-index:2}.keepit-section-title{font-size:3rem;margin-bottom:3rem;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.keepit-how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.8rem;max-width:860px;width:100%}.keepit-how-card{padding:2.2rem 1.8rem;border-radius:16px;display:flex;flex-direction:column;gap:.8rem;transition:transform .25s ease}.keepit-how-card:hover{transform:translateY(-6px)}.keepit-how-card h3{font-size:1.3rem;color:#fff;margin:0}.keepit-how-card p{color:#ccc;margin:0;font-size:.95rem;line-height:1.5}.keepit-how-icon{font-size:2.2rem}.swipe-right-icon{animation-delay:.3s}.swipe-left-icon{animation-delay:0s}.keepit-goals-row{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center;max-width:900px}.keepit-goal-item{display:flex;align-items:center;gap:.9rem;padding:1.2rem 1.8rem;border-radius:12px;font-size:1rem;color:#e0e0e0;transition:transform .25s ease}.keepit-goal-item:hover{transform:translateY(-4px)}.keepit-goal-icon{font-size:1.5rem}.keepit-todo-list{max-width:540px;width:100%;padding:2rem 2.4rem;border-radius:16px;display:flex;flex-direction:column;gap:1rem}.keepit-todo-item{display:flex;align-items:center;gap:.9rem;font-size:.98rem;color:#fff6;transition:color .2s}.keepit-todo-item.done{color:#e0e0e0}.keepit-todo-item.done span{text-decoration:none}.keepit-footer-section{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:4rem 2rem 3rem;border-top:1px solid rgba(255,255,255,.07)}.keepit-footer-btns{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}@media(max-width:900px){.keepit-hero{flex-direction:column;align-items:center;text-align:center;gap:3rem;padding:5rem 2rem 3rem}.keepit-hero-btns,.keepit-badge-row{justify-content:center}.keepit-title{font-size:4rem}}@media(max-width:480px){.keepit-title{font-size:3rem}.phone-frame{width:240px;height:480px}.keepit-section-title{font-size:2.2rem}}