@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg:#060810;--bg-card:#0d1117;--text-primary:#f0f2f8;--text-secondary:#8892a4;--text-muted:#3d4654;--cyan:#66fcf1;--cyan-dim:#66fcf114;--cyan-border:#66fcf133;--purple:#a78bfa;--purple-dim:#a78bfa14;--purple-border:#a78bfa33;--green:#4ade80;--green-dim:#4ade8014;--green-border:#4ade8033;--amber:#fbbf24;--amber-dim:#fbbf2414;--amber-border:#fbbf2433;--pink:#f472b6;--pink-dim:#f472b614;--pink-border:#f472b633;--card-border:#ffffff0e;--shadow:0 4px 40px #0009;--radius:20px;--radius-sm:14px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #66fcf11a}50%{box-shadow:0 0 40px #66fcf140}}.reveal{opacity:0;transition:opacity .65s ease-out,transform .65s ease-out;transform:translateY(24px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.btn{cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.btn-primary:hover{color:var(--cyan);background:0 0}.btn-secondary{color:var(--cyan);border-color:var(--cyan-border);background:0 0}.btn-secondary:hover{background:var(--cyan-dim);border-color:var(--cyan)}.navbar{z-index:1000;width:100%;transition:var(--transition);padding:1.4rem 8%;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);background:#060810eb;padding:.9rem 8%}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.nav-logo{color:var(--cyan);letter-spacing:3px;font-size:1.4rem;font-weight:900}.nav-menu{gap:2.25rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition);padding-bottom:4px;font-size:.875rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--cyan);width:0;height:2px;transition:var(--transition);border-radius:2px;position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:var(--cyan)}.nav-link:hover:after,.nav-link.active:after{width:100%}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.bar{background:var(--text-primary);width:25px;height:2px;transition:var(--transition);border-radius:2px;display:block}.hamburger.active .bar:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}section{width:100%;padding:100px 8%}.section-label{letter-spacing:4px;color:var(--cyan);text-transform:uppercase;margin-bottom:.6rem;font-size:.72rem;font-weight:700}.section-heading{color:var(--text-primary);margin-bottom:3rem;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;line-height:1.15}.section-heading span{color:var(--cyan)}.bento-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);transition:var(--transition);padding:2rem;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--cyan-border);transform:translateY(-4px)}.bento-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}#home{flex-direction:column;justify-content:center;min-height:100vh;padding-top:120px;padding-bottom:60px;display:flex}.hero-bento{grid-template:"main main photo""social stats photo"/1fr 1fr 280px;gap:1.25rem;width:100%;max-width:1400px;margin:0 auto;display:grid}.hero-main-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);grid-area:main;padding:3rem;position:relative;overflow:hidden}.hero-main-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#66fcf10d 0%,#0000 70%);width:350px;height:350px;position:absolute;top:-100px;right:-100px}.hero-greeting{color:var(--cyan);letter-spacing:4px;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:700}.hero-name{background:linear-gradient(135deg, var(--text-primary) 50%, var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.6rem;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:900;line-height:1.1}.hero-title{color:var(--text-secondary);min-height:2rem;margin-bottom:1.5rem;font-size:clamp(1rem,2vw,1.3rem);font-weight:500}.cursor{color:var(--cyan);font-weight:300;animation:1s step-end infinite blink}.hero-desc{color:var(--text-secondary);max-width:560px;margin-bottom:2rem;font-size:.95rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-photo-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);grid-area:photo;min-height:360px;position:relative;overflow:hidden}.hero-photo-card:after{content:"";background:linear-gradient(transparent, var(--bg-card));pointer-events:none;height:35%;position:absolute;bottom:0;left:0;right:0}.hero-photo{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.hero-social-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);flex-direction:column;grid-area:social;justify-content:center;padding:1.75rem 2rem;display:flex}.social-label{letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem;font-size:.68rem}.social-icons-row{align-items:center;gap:1.5rem;display:flex}.social-icon{color:var(--text-secondary);transition:var(--transition);font-size:1.4rem}.social-icon:hover{color:var(--cyan);transform:translateY(-4px)}.hero-stats-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);grid-area:stats;grid-template-columns:1fr 1fr;align-content:center;gap:1.25rem;padding:1.75rem 2rem;display:grid}.stat-item{flex-direction:column;display:flex}.stat-number{color:var(--cyan);font-size:1.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);margin-top:.3rem;font-size:.7rem;line-height:1.3}.about-bento{grid-template-columns:1fr 260px;gap:1.25rem;display:grid}.about-text-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);padding:2.5rem}.about-paragraph{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.95rem;line-height:1.8}.about-paragraph:last-child{margin-bottom:0}.about-stats-col{flex-direction:column;gap:1rem;display:flex}.about-stat-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:var(--transition);flex-direction:column;flex:1;justify-content:center;padding:1.25rem 1.5rem;display:flex}.about-stat-card:hover{border-color:var(--cyan-border);transform:translate(4px)}.about-stat-card .stat-number{font-size:1.5rem}.about-stat-card .stat-label{color:var(--text-secondary);font-size:.75rem}.languages-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.language-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);transition:var(--transition);flex-direction:column;gap:.4rem;padding:1.75rem;display:flex}.language-card:hover{border-color:var(--cyan-border);transform:translateY(-4px)}.language-flag{margin-bottom:.25rem;font-size:2.2rem;line-height:1}.language-name{color:var(--text-primary);font-size:1rem;font-weight:700}.language-level{color:var(--cyan);font-size:.8rem;font-weight:600}.language-detail{color:var(--text-muted);font-size:.72rem}.skills-categories{flex-direction:column;gap:2.25rem;display:flex}.skill-group{flex-direction:column;gap:1rem;display:flex}.skill-group-header{align-items:center;gap:1rem;display:flex}.skill-group-label{letter-spacing:3px;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:800}.skill-group-line{opacity:.12;flex:1;height:1px}.skill-badge-cloud{flex-wrap:wrap;gap:.6rem;display:flex}.skill-badge{transition:var(--transition);cursor:default;white-space:nowrap;border:1px solid;border-radius:50px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.84rem;font-weight:500;display:inline-flex}.skill-badge:hover{transform:translateY(-3px)}.skill-badge.Frontend,.skill-group-label.Frontend{color:var(--cyan)}.skill-badge.Frontend{background:var(--cyan-dim);border-color:var(--cyan-border)}.skill-group-line.Frontend{background:var(--cyan)}.skill-badge.Backend,.skill-group-label.Backend{color:var(--purple)}.skill-badge.Backend{background:var(--purple-dim);border-color:var(--purple-border)}.skill-group-line.Backend{background:var(--purple)}.skill-badge.DevOps,.skill-group-label.DevOps{color:var(--green)}.skill-badge.DevOps{background:var(--green-dim);border-color:var(--green-border)}.skill-group-line.DevOps{background:var(--green)}.skill-badge.ERP,.skill-group-label.ERP{color:var(--amber)}.skill-badge.ERP{background:var(--amber-dim);border-color:var(--amber-border)}.skill-group-line.ERP{background:var(--amber)}.skill-badge.Creative,.skill-group-label.Creative{color:var(--pink)}.skill-badge.Creative{background:var(--pink-dim);border-color:var(--pink-border)}.skill-group-line.Creative{background:var(--pink)}.projects-carousel{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:1.25rem;padding-bottom:1.5rem;display:flex;overflow-x:auto}.projects-carousel::-webkit-scrollbar{display:none}.project-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);scroll-snap-align:start;min-width:340px;transition:var(--transition);flex-direction:column;flex:0 0 340px;padding:2rem;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--cyan-border);transform:translateY(-6px);box-shadow:0 12px 40px #66fcf114}.project-card.featured{border-color:var(--cyan-border);background:linear-gradient(135deg, var(--bg-card) 0%, #66fcf108 100%);flex:0 0 400px;min-width:400px}.featured-badge{background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--cyan-border);letter-spacing:1px;text-transform:uppercase;border-radius:50px;align-items:center;gap:.35rem;width:fit-content;margin-bottom:1rem;padding:.2rem .75rem;font-size:.68rem;font-weight:700;display:inline-flex}.project-icon{color:var(--cyan);margin-bottom:1rem;font-size:1.8rem;display:block}.project-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.05rem;font-weight:700;line-height:1.3}.project-desc{color:var(--text-secondary);flex:1;margin-bottom:1.25rem;font-size:.84rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.tag{color:var(--cyan);background:var(--cyan-dim);border:1px solid var(--cyan-border);white-space:nowrap;border-radius:50px;padding:.2rem .65rem;font-size:.72rem;display:inline-block}.project-links-row{gap:1rem;margin-top:auto;display:flex}.project-link-btn{color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:inline-flex}.project-link-btn:hover{color:var(--cyan)}.carousel-dots{justify-content:center;align-items:center;gap:.5rem;margin-top:1.75rem;display:flex}.carousel-dot{cursor:pointer;width:8px;height:8px;transition:var(--transition);background:#ffffff1f;border:none;border-radius:50px;padding:0}.carousel-dot.active{background:var(--cyan);width:24px;box-shadow:0 0 10px var(--cyan)}.carousel-dot:hover{background:#66fcf159}.timeline-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.timeline-col-title{letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.7rem;font-weight:700;display:flex}.timeline-col-title i{color:var(--cyan);font-size:.85rem}.timeline-entry{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:var(--transition);margin-bottom:1rem;padding:1.5rem 1.5rem 1.5rem 2rem;position:relative}.timeline-entry:hover{border-color:var(--cyan-border);transform:translate(4px)}.timeline-entry:before{content:"";background:linear-gradient(to bottom, var(--cyan), transparent);border-radius:2px 0 0 2px;width:3px;position:absolute;top:0;bottom:0;left:0}.timeline-period{color:var(--cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:.4rem;font-size:.68rem;font-weight:700}.timeline-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:700;line-height:1.3}.timeline-sub{color:var(--text-secondary);margin-bottom:.6rem;font-size:.8rem}.timeline-desc{color:var(--text-muted);font-size:.8rem;line-height:1.6}.timeline-badge{background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--cyan-border);border-radius:50px;align-items:center;gap:.3rem;margin-top:.75rem;padding:.2rem .65rem;font-size:.68rem;font-weight:600;display:inline-flex}.contact-bento{grid-template-columns:1fr 1.5fr;align-items:start;gap:1.25rem;display:grid}.contact-info-stack{flex-direction:column;gap:1rem;display:flex}.contact-detail-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:1rem;padding:1.1rem 1.5rem;display:flex}.contact-detail-card:hover{border-color:var(--cyan-border);transform:translate(4px)}.contact-icon{background:var(--cyan-dim);width:42px;height:42px;color:var(--cyan);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.contact-detail-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:.2rem;font-size:.65rem}.contact-detail-value{color:var(--text-primary);transition:var(--transition);font-size:.88rem;font-weight:500;display:block}a.contact-detail-value:hover{color:var(--cyan)}.contact-form-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);padding:2.25rem}.form-group{margin-bottom:1rem}.form-input{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffff08;border:1px solid #ffffff12;outline:none;padding:.875rem 1.2rem;font-family:Outfit,sans-serif;font-size:.9rem}.form-input:focus{border-color:var(--cyan-border);background:var(--cyan-dim)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:120px}.footer-section{border-top:1px solid var(--card-border);padding:2rem 8%}.footer-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.footer-left{color:var(--text-muted);font-size:.84rem}.footer-left span{color:var(--cyan);font-weight:600}.footer-socials{gap:1.25rem;display:flex}.footer-social-icon{color:var(--text-muted);transition:var(--transition);font-size:1.1rem}.footer-social-icon:hover{color:var(--cyan);transform:translateY(-3px)}@media (width<=1100px){.hero-bento{grid-template-columns:1fr 1fr;grid-template-areas:"main photo""social stats"}.hero-photo-card{min-height:280px}.languages-grid{grid-template-columns:repeat(2,1fr)}.timeline-grid,.contact-bento{grid-template-columns:1fr}}@media (width<=768px){section{padding:70px 5%}#home{padding-top:100px}.hero-bento{grid-template-columns:1fr;grid-template-areas:"photo""main""social""stats"}.hero-photo-card{min-height:240px;max-height:300px}.hero-main-card{padding:2rem}.hero-stats-card{grid-template-columns:repeat(4,1fr)}.about-bento{grid-template-columns:1fr}.about-stats-col{flex-flow:wrap}.about-stat-card{min-width:120px}.project-card{flex:0 0 290px;min-width:290px}.project-card.featured{flex:0 0 310px;min-width:310px}.footer-container{text-align:center;flex-direction:column;gap:1rem}.hamburger{display:flex}.nav-menu{-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--card-border);z-index:999;background:#060810fa;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:70%;height:100vh;transition:right .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%}.nav-menu.active{right:0}.nav-link{font-size:1.1rem}}