:root{--bg:#02050d;--card:#091221;--line:#172743;--text:#f4f7ff;--muted:#8d9bb5;--blue:#368cff;--cyan:#4edcff;--font:'Inter',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;overflow-x:hidden;background-image:linear-gradient(#06101b88 1px,transparent 1px),linear-gradient(90deg,#06101b88 1px,transparent 1px);background-size:54px 54px}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 12%,#154dc733,transparent 28%),radial-gradient(circle at 90% 45%,#006eff1f,transparent 30%),linear-gradient(#02050de8,#02050df5)}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.skip{position:fixed;top:-100px;left:15px;background:#fff;color:#000;padding:10px;z-index:99}.skip:focus{top:10px}.cursor-glow{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(260px at var(--x,50%) var(--y,20%),#1677ff18,transparent 70%)}header{height:76px;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid #ffffff0b}header.scrolled{position:fixed;background:#030711db;backdrop-filter:blur(18px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font:700 1.1rem var(--display)}.logo span,em{color:var(--blue);font-style:normal}nav{display:flex;gap:34px}nav a{font-size:.78rem;color:#a8b2c5;position:relative}nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--blue);transition:.25s}nav a:hover,nav a.active{color:#fff}nav a.active:after{right:0}.menu{display:none;border:0;background:none}.menu span{display:block;width:25px;height:1px;background:#fff;margin:7px}.hero{min-height:760px;padding-top:125px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.status{display:inline-block;border:1px solid #1b3155;background:#071225b5;color:#82baff;border-radius:20px;padding:6px 12px;font-size:.7rem}.hello{color:#9eabc2;margin:24px 0 3px;font-size:.88rem}.hero h1{font:700 clamp(3.3rem,6.4vw,6rem)/.95 var(--display);letter-spacing:-.065em;margin:0 0 18px}.role{font:600 1rem var(--display);margin:0 0 12px}.intro{color:var(--muted);max-width:570px;font-size:.9rem}.pills,.chips{display:flex;flex-wrap:wrap;gap:7px}.pills span,.chips span{padding:5px 9px;border:1px solid #1e3150;border-radius:4px;color:#9aabc4;font-size:.65rem}.actions{display:flex;gap:10px;margin-top:25px}.btn{display:inline-block;border:1px solid #263858;background:#07101f;padding:11px 19px;border-radius:5px;font-size:.78rem;font-weight:600;transition:.25s}.btn:hover{transform:translateY(-2px);border-color:#4b7fc2}.btn.primary{background:linear-gradient(135deg,#156fff,#45a4ff);border-color:transparent;box-shadow:0 10px 30px #087cff2b}.mini-social{display:flex;gap:10px;margin-top:23px}.mini-social a{display:grid;place-items:center;width:32px;height:32px;border:1px solid #1a2a44;background:#07101d;border-radius:5px;color:#8ca3c1;font-size:.65rem}.hero-art{position:relative;height:590px;display:grid;place-items:center}.hero-art:before{content:'';position:absolute;width:82%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#187bff3b,transparent 65%);filter:blur(20px)}.hero-art img{width:112%;max-height:620px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 25px 50px #0008);animation:float 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid #368cff32;border-radius:50%;animation:spin 16s linear infinite}.orbit.one{width:80%;aspect-ratio:1}.orbit.two{width:58%;aspect-ratio:1;animation-direction:reverse}.float-tag{position:absolute;z-index:3;display:grid;place-items:center;width:52px;height:52px;border:1px solid #2c63a6;background:#07152bd9;box-shadow:0 0 25px #1c80ff2e;border-radius:12px;color:#68b4ff;font:700 .9rem var(--display)}.tag-code{left:3%;top:24%}.tag-ui{right:2%;bottom:28%}@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:105px 0}.about{background:#030712cc;border-block:1px solid #142039}.title{text-align:center;max-width:700px;margin:0 auto 48px}.title>span{font:700 1.95rem var(--display);color:var(--blue)}.title h2{font:500 1rem var(--font);margin:2px 0;color:#d7deec}.title h2:before,.title h2:after{content:'✦';color:#4c8ee2;font-size:.6rem;margin:0 8px}.title>p{color:var(--muted);font-size:.85rem}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:75px}.about-portrait{height:380px;position:relative;display:grid;place-items:center;border-radius:30% 70% 65% 35%;background:radial-gradient(circle,#174c9e 0,#07101f 55%,transparent 56%);overflow:hidden}.about-portrait img{height:120%;width:120%;object-fit:contain;object-position:center 30%;transform:translateY(32px)}.portrait-code{position:absolute;z-index:4;right:10px;bottom:20px;background:#071122e8;border:1px solid #264471;border-radius:7px;padding:10px 13px;font:600 .68rem monospace}.portrait-code b{color:#49b9ff}.about-copy{color:var(--muted);font-size:.9rem}.about-copy .big{color:#d5ddeb;font-size:1.08rem}.about-copy strong{color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.stats article,.info-cards article{position:relative;background:linear-gradient(145deg,#0b1425,#07101e);border:1px solid #172642;border-radius:10px;padding:25px;transition:.25s}.stats article:hover,.info-cards article:hover{transform:translateY(-4px);border-color:#27518c}.stats i,.info-cards i{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#10203a;color:#60aaff;font-style:normal}.stats b{position:absolute;right:25px;top:24px;font:700 1.8rem var(--display)}.stats span,.stats small{display:block}.stats span{margin-top:18px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.stats small{color:#6e7e98;font-size:.66rem}.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.info-cards span{display:block;margin:16px 0 5px;font-size:.67rem;text-transform:uppercase;color:#788ba8}.info-cards p{font-size:.68rem;color:#c0cad9;margin:0}.portfolio{background:linear-gradient(#02050de8,#050913ef)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:7px;background:#07101f;border:1px solid #14233d;border-radius:8px;margin-bottom:30px}.tab{border:0;border-radius:6px;background:transparent;color:#8da0bb;padding:15px;cursor:pointer}.tab.active{background:linear-gradient(135deg,#0b3268,#155eb7);color:white;box-shadow:0 8px 25px #0005}.panel{display:none}.panel.active{display:block}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:linear-gradient(145deg,#0b1322,#07101d);border:1px solid #172641;border-radius:11px;overflow:hidden;transition:.3s}.project-card:hover{transform:translateY(-6px);border-color:#2a5b9f;box-shadow:0 20px 50px #0005}.project-visual{height:230px;display:grid;place-items:center;overflow:hidden}.project-visual.prime{background:linear-gradient(135deg,#05204a,#0a5ec1)}.project-visual.ellos{background:linear-gradient(135deg,#081634,#183c77)}.project-visual.clinic{background:linear-gradient(135deg,#062d52,#0878a8)}.browser{width:82%;background:#f4f7fb;color:#14233a;padding:22px;border-radius:6px;transform:rotate(-3deg);box-shadow:0 22px 35px #0006}.browser b{font-size:.7rem}.browser b span{color:#1682ed}.browser h3{font:700 1.05rem var(--display);margin:24px 0 6px}.browser small{color:#64748b}.phone{width:145px;height:200px;background:#e9f2ff;color:#123058;border:6px solid #07152b;border-radius:20px;padding:20px 13px;transform:rotate(4deg)}.phone h3{font:600 1rem var(--display);margin:30px 0 18px}.phone span{display:block;background:#176de0;color:#fff;border-radius:20px;padding:5px;text-align:center;font-size:.5rem}.dashboard{width:80%;height:150px;background:#e5f5ff;color:#12334f;border-radius:7px;padding:24px}.dashboard i{display:inline-block;width:29%;height:45px;background:#c9e3f1;border-radius:4px;margin:20px 2% 0 0}.project-body{padding:25px}.project-body small{font-size:.58rem;color:#5d8bc3;letter-spacing:.13em}.project-body h3{font:600 1.25rem var(--display);margin:7px 0}.project-body p{color:var(--muted);font-size:.78rem;min-height:75px}.project-body a{display:inline-block;margin-top:22px;color:#69b4ff;font-size:.76rem}.education-grid,.stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.education-grid article,.stack-grid article{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:32px}.education-grid span{color:#54a6ff;font-size:.7rem}.education-grid h3{font:600 1.5rem var(--display)}.education-grid p,.education-grid li,.stack-grid p{color:var(--muted);font-size:.85rem}.stack-grid b{color:#62adff}.contact{border-top:1px solid #142039}.contact-card{max-width:850px;margin:auto;padding:38px;background:linear-gradient(145deg,#0b1528,#060d19);border:1px solid #1b3152;border-radius:13px;display:flex;justify-content:space-between;gap:35px}.contact-card span{color:#7290b8;font-size:.7rem}.contact-card>div>a{display:block;font:600 clamp(1.05rem,2.5vw,1.7rem) var(--display);margin:7px 0}.contact-card p{color:var(--muted);font-size:.75rem}.contact-links{display:flex;flex-direction:column;gap:7px}.contact-links a{font:500 .74rem var(--font)!important;border:1px solid #1d3151;padding:9px 15px;border-radius:5px;margin:0!important}footer{border-top:1px solid #142039;padding:24px 0;color:#6f7f98;font-size:.7rem}footer .wrap{display:flex;align-items:center;justify-content:space-between}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.hero-art img,.orbit{animation:none}}@media(max-width:900px){nav{position:fixed;display:none;inset:76px 0 auto;background:#040914;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:125px}.hero-art{height:500px}.about-grid{grid-template-columns:1fr}.about-portrait{max-width:500px;width:100%;margin:auto}.project-grid{grid-template-columns:1fr 1fr}.info-cards{grid-template-columns:1fr 1fr}}@media(max-width:620px){.wrap{width:min(100% - 28px,1120px)}.hero{padding-bottom:70px}.hero h1{font-size:3.4rem}.hero-art{height:390px}.hero-art img{width:120%}.float-tag{width:42px;height:42px}.section{padding:78px 0}.stats,.project-grid,.education-grid,.stack-grid{grid-template-columns:1fr}.info-cards{grid-template-columns:1fr 1fr}.tabs{grid-template-columns:1fr}.contact-card{flex-direction:column;padding:25px}footer .wrap{flex-direction:column;gap:12px}.about-portrait{height:330px}.title>span{font-size:1.6rem}}