@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700;800&family=Nunito:wght@300;400;500;600;700&display=swap";:root{--pri:#163e9a;--pri-l:#276ce4;--bg:#ece6da;--bg-light:#f8f5ec;--bg-alt:#d0c5f4;--bg-strong:#9b7dfc;--txt:#1a1a1a;--txt-inv:#fdfcf9;--ft-title:"Fraunces", serif;--ft-body:"Nunito", sans-serif;--r-lg:24px;--r-md:16px;--r-sm:10px;--tr-fast:.2s ease;--tr:.25s ease;--tr-slow:.4s ease;--sh-soft:0 10px 30px #163e9a14;--sh-soft-invert:0 10px 30px #d2d8e414;--sh-strong:0 20px 50px #0003;--sh-strong-invert:0 20px 50px #d6d1d133}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ft-body);background:var(--bg);color:var(--txt)}body:before{content:"";opacity:.05;z-index:0;pointer-events:none;background:url(/assets/Noise.png);position:fixed;inset:0}a{color:inherit;text-decoration:none}.btn{border-radius:var(--r-md);transition:var(--tr);padding:.6rem 1.3rem;font-weight:600;text-decoration:none;display:inline-block}.btn-pri{border:2px solid var(--bg);background:var(--bg);color:var(--pri)}.btn-pri:hover{color:var(--bg);box-shadow:var(--sh-soft);background:0 0;transform:translateY(-2px)}.btn-pri:active{box-shadow:none;background:var(--bg);color:var(--pri);transform:translateY(0)}.btn-out{border:2px solid var(--bg-strong);color:var(--bg-strong);background:0 0}.btn-out:hover{border:2px solid var(--bg);background:var(--bg);color:var(--pri);box-shadow:var(--sh-soft);transform:translateY(-2px)}.btn-out:active{box-shadow:none;border:2px solid var(--bg-strong);color:var(--bg-strong);background:0 0;transform:translateY(0)}.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1d408b1a;width:100%;position:fixed;top:0}.nav{justify-content:space-between;align-items:center;padding:1.2rem 3rem;display:flex}.container{width:100%;max-width:1200px;margin:0 auto}.brand{color:var(--txt-inv);margin-left:-.5rem}.brand-title{font-family:var(--ft-title);font-size:1.2rem;font-weight:700}.brand-name{opacity:.7;font-size:.9rem}.nav-list{gap:2.5rem;list-style:none;display:flex}.nav-link{color:var(--txt-inv);transition:color var(--tr);font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--bg);width:0%;height:2px;transition:width var(--tr), left var(--tr);position:absolute;bottom:-4px;left:50%}.nav-link:hover{color:var(--bg-alt)}.nav-link:hover:after{width:100%;left:0}.nav-link:active{opacity:.7}.nav-link.active{color:var(--bg)}.nav-link.active:after{width:100%;left:0}.hero{background:var(--pri);min-height:100vh;color:var(--txt-inv);justify-content:space-between;align-items:center;padding:0 3rem;display:flex}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 90% 80%,#ffffff3c,#0000 60%);position:absolute;inset:0}.hero-inner{z-index:1;justify-content:space-between;align-items:center;gap:3rem;width:100%;max-width:1050px;margin:0 auto;display:flex}.hero-left{max-width:600px;animation:.8s ease-out forwards fadeInUp;transform:translateY(-10px)}.hero-right{justify-content:center;align-items:center;display:flex}.hero-sub{color:var(--bg-alt);opacity:.7;letter-spacing:1px;margin-bottom:1rem;font-size:.9rem}.hero-title{font-family:var(--ft-title);margin-bottom:1.2rem;font-size:4rem;line-height:1.1}.hero-title span{color:var(--bg)}.hero-role{color:var(--bg-strong);opacity:.9;margin-bottom:1.5rem;font-weight:600}.hero-description{max-width:500px;margin-bottom:2.5rem;line-height:1.6}.hero-buttons{opacity:0;gap:1.5rem;animation:.6s cubic-bezier(.23,1,.32,1) .5s forwards softPop;display:flex}.monitor{background:var(--bg);border-radius:var(--r-lg);width:420px;box-shadow:var(--sh-strong);transition:transform var(--tr) ease-out;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;animation:1s ease-out forwards blurIn,4s ease-in-out 1s infinite floating;overflow:hidden;box-shadow:0 20px 50px #00000037,0 0 40px #ffffff0d}.monitor-top{background:var(--bg-alt);gap:.5rem;padding:.7rem 1rem;display:flex}.monitor-top span{background:var(--pri);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.monitor-screen{color:var(--txt);padding:2rem;font-family:monospace}.code-line{margin:.5rem 0}.code-line.cmd{color:var(--pri);font-weight:600}.monitor{transition:transform var(--tr)}.monitor:hover{transform:translateY(-6px)}#about-section{background:var(--bg);padding:120px 60px}.about-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.about-grid{grid-template-columns:1.3fr .9fr;align-items:center;gap:5rem;display:grid}.left-column{flex-direction:column;gap:3rem;display:flex}.right-column{align-items:flex-start;display:flex}.card{background:var(--bg-light);border-radius:var(--r-lg);box-shadow:var(--sh-soft);transition:transform var(--tr);border:1px solid #0000000d;padding:25px}.card h2{letter-spacing:2px;color:var(--pri);font-size:1.7rem}.card:hover{transform:translateY(-4px)}.about-card{align-items:center;gap:1rem;display:flex;position:relative;overflow:hidden}.about-card:before{content:"";background:var(--bg-strong);width:100%;height:5px;position:absolute;top:0;left:0}.about-card h2{margin-bottom:.8rem}.about-text{flex:1}.about-image img{object-fit:cover;border:3px solid var(--bg-light);border-radius:50%;width:160px;height:160px;box-shadow:0 10px 25px #00000026}.tech-card{position:relative;overflow:hidden}.tech-card:before{content:"";background:var(--pri-l);width:100%;height:5px;position:absolute;top:0;left:0}.tech-card h2{color:var(--pri-l);z-index:1;margin-bottom:-.2rem}.tech-container{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.tech-group-title{color:var(--pri);opacity:.6;text-transform:lowercase;margin-bottom:.8rem;font-family:monospace;font-size:.8rem}.tech-list{flex-wrap:wrap;gap:.8rem;display:flex}.tech-item{color:var(--pri);cursor:default;background:#d0c5f441;border-radius:20px;align-items:center;gap:.6rem;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.tech-icon{align-items:center;font-size:1.1rem;display:flex}.tech-item:hover{background:var(--pri);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tech-item:hover .tech-icon{color:#fff}.projects-card{padding-bottom:40px;padding-left:70px;position:relative}.projects-card:before{content:"";background:var(--pri);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);z-index:0;width:100%;height:70px;position:absolute;top:0;left:0}.projects-card h2{width:100%;color:var(--txt-inv);z-index:1;margin-top:-4px;margin-bottom:1.6rem;margin-left:-2rem;position:relative}.projects-card:after{content:"";background:linear-gradient(#0000,#0003,#0000);width:2px;height:calc(100% - 80px);position:absolute;top:60px;left:45px}.project-item{margin-bottom:2rem;position:relative}.project-item:before{content:"";background:var(--pri-l);border-radius:50%;width:14px;height:14px;position:absolute;top:5px;left:-31px;box-shadow:0 0 0 4px #1747bb26}.project-date{color:var(--pri-l);margin-bottom:4px;font-size:1.1rem;font-weight:700;display:block}.project-item h3{margin-bottom:4px;font-size:1.1rem}.project-item p{color:#555;font-size:.95rem;line-height:1.5}#projects-section{background:var(--pri);padding:80px 60px}.projects-inner{max-width:1200px;margin:0 auto}.section-title{font-family:var(--ft-title);color:var(--txt-inv);text-shadow:0 0 20px #d0c5f44d;margin-bottom:3.5rem;font-size:2.8rem}.projects-grid{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.project-card{background:var(--bg-light);border-radius:var(--r-lg);box-shadow:var(--sh-soft);transition:transform var(--tr), box-shadow var(--tr);position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--sh-strong-invert);transform:translateY(-6px)}.project-header{background:var(--bg-alt);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.project-label{color:var(--pri);font-family:monospace;font-size:.75rem}.dots span{background:var(--pri);opacity:.6;border-radius:50%;width:7px;height:7px;transition:background .3s,opacity .3s}.project-card:hover .dots span:first-child{background:var(--pri);opacity:1}.project-card:hover .dots span:nth-child(2){background:var(--pri-l);opacity:1}.project-card:hover .dots span:nth-child(3){background:var(--bg);opacity:1}.project-image{border-bottom:6px solid var(--bg-alt);height:180px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover img{transform:scale(1.05)}.project-content{padding:1.2rem}.project-title{color:var(--pri);margin-bottom:.4rem;font-size:1.2rem}.project-description{opacity:.8;margin-bottom:.6rem;font-size:.85rem;line-height:1.5}.project-tech{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.project-tech span{text-transform:lowercase;letter-spacing:1px;opacity:.8;font-size:1rem;position:relative}.project-tech span:before{content:"•";color:var(--pri);margin-right:4px}.project-actions{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.link-live{color:var(--pri);transition:var(--tr);font-size:1rem;font-weight:600;text-decoration:none;position:relative}.link-live:after{content:"";background:var(--pri);width:0%;height:2px;transition:width var(--tr);position:absolute;bottom:-2px;left:0}.link-live:hover:after{width:100%}.repo{border:1.5px solid var(--pri-l);color:var(--pri-l);border-radius:var(--r-sm);transition:all var(--tr);padding:6px 14px;font-family:monospace;font-size:.8rem;text-decoration:none}.repo:hover{background:var(--pri-l);color:var(--txt-inv);transform:translateY(-2px)}.repo:active{box-shadow:none;border:1.5px solid var(--pri-l);color:var(--pri-l);background:0 0;transform:translateY(0)}.contact{background:var(--bg);color:var(--txt);padding:200px 60px}.contact-inner{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;max-width:1050px;margin:0 auto;display:grid}.contact-label{color:var(--pri);margin-bottom:1rem;font-family:monospace;font-size:.8rem}.contact-title{font-family:var(--ft-title);color:var(--pri);margin-bottom:1.2rem;font-size:2.5rem;line-height:1.2}.contact-text{color:var(--pri-l);opacity:.8;max-width:400px;line-height:1.6}.contact-card{background:var(--bg-light);color:var(--txt);border-radius:var(--r-lg);box-shadow:var(--sh-strong);transition:var(--tr);overflow:hidden}.contact-card:hover{transform:translateY(-4px)}.contact-card-header{background:var(--bg-alt);color:var(--pri);opacity:.7;justify-content:space-between;align-items:center;padding:.8rem 1rem;font-family:monospace;font-size:.75rem;display:flex}.dots{gap:4px;display:flex}.dots span{background:var(--pri);opacity:.6;border-radius:50%;width:7px;height:7px}.contact-card-body{padding:1.5rem}.contact-email{margin-bottom:1rem;font-weight:600}.contact-cta{color:var(--pri);margin-bottom:1.5rem;font-weight:600;text-decoration:none;display:inline-block;position:relative}.contact-cta:after{content:"";background:var(--pri);width:0%;height:1px;transition:width var(--tr);position:absolute;bottom:-2px;left:0}.contact-cta:hover:after{width:100%}.contact-socials{align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.contact-socials a{color:var(--pri);opacity:.7;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.contact-socials a:hover{opacity:1;color:var(--pri-l);transform:translateY(-3px)}.dot{width:8px;height:8px;transition:var(--tr);background:#fff6;border-radius:50%}.dot.active{background:var(--pri-l);transform:scale(1.2)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-light);border-radius:var(--r-lg);width:100%;max-width:1100px;height:85vh;box-shadow:var(--sh-strong);flex-direction:column;transition:all 1s ease-out;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalEntry;display:flex;overflow:hidden}.modal-header{background:var(--bg-alt);color:var(--pri);justify-content:space-between;align-items:center;padding:.8rem 1rem;font-family:monospace;font-size:.75rem;display:flex}.modal-close{color:var(--pri);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.modal-body{flex:1;grid-template-columns:1.4fr .6fr;min-height:0;display:grid;overflow:hidden}.modal-gallery{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1d408b1a;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-screen{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.media-screen img,.media-screen video{object-fit:contain;max-width:100%;max-height:100%}.modal-info{background:var(--bg-light);border-left:1px solid #0000000d;flex-direction:column;min-height:0;display:flex;overflow:hidden}.info-scroll{scrollbar-width:thin;scrollbar-color:var(--pri) transparent;flex:1;padding:2rem;overflow-y:auto}.modal-title{color:var(--pri);margin-bottom:.8rem;font-size:1.8rem;font-weight:700}.modal-description{color:var(--txt);opacity:.8;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.modal-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tag{color:var(--pri);transition:var(--tr);background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:6px 14px;font-size:.75rem;font-weight:500}.tag:hover{background:var(--pri);color:#fff;transform:translateY(-2px)}.modal-side{border-top:1px solid #00000017;flex-direction:column;gap:1.2rem;padding-top:1rem;display:flex}.side-item h4{text-transform:uppercase;letter-spacing:1px;color:var(--pri);opacity:.6;margin-bottom:2px;font-family:monospace;font-size:.7rem}.side-item p{color:var(--txt);font-size:.9rem;font-weight:600}.nav-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:10;width:45px;height:45px;transition:var(--tr);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:var(--pri);transform:translateY(-50%)scale(1.1)}.nav-btn.prev{left:20px}.nav-btn.next{right:20px}.media-index{color:#fff;background:#00000080;border-radius:20px;padding:4px 10px;font-family:monospace;font-size:.75rem;position:absolute;bottom:20px;right:20px}.modal-footer{border-top:1px solid #00000017;justify-content:space-between;align-items:center;padding:1.2rem 2rem;display:flex}.modal-live{color:var(--pri);font-weight:600;text-decoration:none;position:relative}.modal-live:after{content:"";background:var(--pri);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.modal-live:hover:after{width:100%}.modal-repo{border:1.5px solid var(--pri);color:var(--pri);border-radius:var(--r-sm);transition:var(--tr);padding:8px 16px;font-family:monospace;font-size:.8rem;text-decoration:none}.modal-repo:hover{background:var(--pri);color:#fff;box-shadow:0 5px 15px #6366f14d}.info-section{margin-top:1.8rem}.info-section h4{text-transform:uppercase;letter-spacing:1.2px;color:var(--pri);opacity:.8;margin-bottom:8px;font-family:monospace;font-size:.75rem}.challenge-box{border-left:3px solid var(--pri);background:#6366f10a;border-radius:4px;padding:1rem}.challenge-box p{color:var(--txt);margin:0;font-size:.9rem;line-height:1.5}.features-list{grid-template-columns:1fr;gap:.3rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.features-list li{color:var(--txt);opacity:.9;padding-left:1.2rem;font-size:.85rem;position:relative}.features-list li:before{content:"→";color:var(--pri);font-weight:700;position:absolute;left:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes blurIn{0%{opacity:0;filter:blur(1px)}to{opacity:1;filter:blur()}}@keyframes softPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline{0%{top:-100%}to{top:100%}}@keyframes modalEntry{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transform:scale(.9)translateY(20px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(1)translateY(0)}}.terminal-cursor:after{content:"|";color:var(--pri-l);margin-left:5px;animation:1s step-end infinite blink}@media (width<=1024px){.nav{padding:1rem 1.5rem}.hero,#about-section,#projects-section,.contact{padding:60px 20px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.hero-inner{margin-bottom:-2rem}.card h2{font-size:1.6rem}}@media (width<=768px){.nav-list{display:none}.brand{margin-left:0}.hero-inner{text-align:center;flex-direction:column;gap:3rem;margin-top:2rem;margin-bottom:-2rem}.hero-title{font-size:2.6rem;line-height:1.2}.hero-description{max-width:90%;margin:0 auto 2rem}.hero-buttons{justify-content:center}.monitor{text-align:justify;width:100%;max-width:360px;margin:0 auto;font-size:.85rem}.contact-inner{text-align:center;grid-template-columns:1fr;gap:3rem}.contact-text{margin:0 auto 2rem}.modal{width:95%;height:90vh;max-height:90vh}.modal-body{flex-direction:column;grid-template-columns:1fr;display:flex;overflow-y:auto}.modal-gallery{border-bottom:1px solid #0000000d;border-right:none;height:250px;min-height:250px}.modal-info{border-left:none;overflow:visible}.info-scroll{padding:1.5rem;overflow:visible}.nav-btn{width:35px;height:35px}.nav-btn.prev{left:10px}.nav-btn.next{right:10px}.modal-title{font-size:1.5rem}}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-card{text-align:center;flex-direction:column-reverse}.about-image img{width:130px;height:130px;margin-bottom:1rem}.tech-card{text-align:center}.tech-list{justify-content:center}}@media (width<=650px){.projects-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.hero-title{font-size:2.2rem}.projects-card h2{font-size:1.4rem}}