@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap);:root{--bg:#09090f;--bg-2:#0e0e1a;--bg-card:#13131f;--bg-card-h:#181826;--border:#ffffff12;--border-h:#00d4ff4d;--cyan:#00d4ff;--cyan-dim:#00d4ff1f;--cyan-glow:#00d4ff40;--text-1:#f0f0fa;--text-2:#9898b3;--text-3:#5a5a75;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--radius:12px;--radius-lg:20px;--section-pad:110px;--max-w:1120px;--ease-out:cubic-bezier(0.16,1,0.3,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:#09090f;background:var(--bg);color:#f0f0fa;color:var(--text-1);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-weight:400;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}ul{list-style:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#09090f;background:var(--bg)}::-webkit-scrollbar-thumb{background:#00d4ff;background:var(--cyan);border-radius:99px}.logo-bracket{color:#00d4ff;color:var(--cyan)}.btn{align-items:center;border-radius:8px;display:inline-flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.03em;padding:13px 28px;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all .25s var(--ease-out);white-space:nowrap}.btn--primary{background:#00d4ff;background:var(--cyan);color:#09090f}.btn--primary:hover{background:#fff;box-shadow:0 0 32px #00d4ff40;box-shadow:0 0 32px var(--cyan-glow);transform:translateY(-2px)}.btn--ghost{border:1.5px solid #00d4ff4d;border:1.5px solid var(--border-h);color:#00d4ff;color:var(--cyan)}.btn--ghost:hover{background:#00d4ff1f;background:var(--cyan-dim);border-color:#00d4ff;border-color:var(--cyan);transform:translateY(-2px)}.btn--large{font-size:1.05rem;padding:16px 40px}.btn-arrow{transition:transform .25s}.btn--primary:hover .btn-arrow{transform:translateX(4px)}.tag{background:#00d4ff1f;background:var(--cyan-dim);border:1px solid #00d4ff33;border-radius:99px;color:#00d4ff;color:var(--cyan);display:inline-block;font-size:.78rem;font-weight:500;letter-spacing:.02em;padding:4px 12px}.tag--dark{background:#ffffff0d;border-color:#ffffff12;border-color:var(--border);color:#9898b3;color:var(--text-2)}.section{padding:110px 24px;padding:var(--section-pad) 24px}.section:nth-child(2n){background:#0e0e1a;background:var(--bg-2)}.section__inner{margin:0 auto;max-width:1120px;max-width:var(--max-w)}.section-title{margin-bottom:60px}.section-title--center{text-align:center}.section-title--center .section-title__line{margin:14px auto 0}.section-title__label{color:#00d4ff;color:var(--cyan);display:block;font-size:.75rem;font-weight:700;letter-spacing:.2em;margin-bottom:8px;text-transform:uppercase}.section-title__label,.section-title__text{font-family:Syne,sans-serif;font-family:var(--font-display)}.section-title__text{color:#f0f0fa;color:var(--text-1);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.section-title__line{background:#00d4ff;background:var(--cyan);border-radius:99px;height:3px;margin-top:14px;width:48px}.navbar{align-items:center;display:flex;justify-content:space-between;left:0;padding:22px 40px;position:fixed;right:0;top:0;transition:background .3s,padding .3s,box-shadow .3s;z-index:1000}.navbar--scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#09090fe0;box-shadow:0 1px 0 #ffffff12;box-shadow:0 1px 0 var(--border);padding:14px 40px}.navbar__logo{color:#f0f0fa;color:var(--text-1);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.navbar__links{align-items:center;display:flex;gap:6px}.nav-link{border-radius:6px;color:#9898b3;color:var(--text-2);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.88rem;font-weight:600;letter-spacing:.04em;padding:6px 14px;position:relative;transition:color .2s}.nav-link:after{background:#00d4ff;background:var(--cyan);border-radius:99px;bottom:-2px;content:"";height:2px;left:14px;position:absolute;right:14px;transform:scaleX(0);transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s var(--ease-out)}.nav-link:hover{color:#f0f0fa;color:var(--text-1)}.nav-link:hover:after{transform:scaleX(1)}.navbar__overlay{background:#0000;inset:0;position:fixed;z-index:998}.navbar__hamburger{border-radius:6px;display:none;flex-direction:column;gap:5px;padding:6px}.navbar__hamburger span{background:#f0f0fa;background:var(--text-1);border-radius:99px;display:block;height:2px;transition:transform .3s,opacity .3s;width:24px}.navbar__hamburger--open span:first-child{transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:768px){.navbar{padding:18px 20px}.navbar--scrolled{padding:12px 20px}.navbar__hamburger{display:flex}.navbar__links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09090ff7;bottom:0;flex-direction:column;gap:8px;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-12px);transition:opacity .3s,transform .3s}.navbar__links--open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{color:#f0f0fa;color:var(--text-1);font-size:1.5rem;padding:12px 28px}}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative}.hero__bg-grid{background-image:linear-gradient(#00d4ff0a 1px,#0000 0),linear-gradient(90deg,#00d4ff0a 1px,#0000 0);background-size:60px 60px;inset:0;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,#0000 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,#0000 100%);position:absolute}.hero__orb{border-radius:50%;filter:blur(90px);pointer-events:none;position:absolute}.hero__orb--1{animation:orbFloat 8s ease-in-out infinite;background:radial-gradient(circle,#00d4ff26 0,#0000 70%);height:600px;right:-100px;top:-100px;width:600px}.hero__orb--2{animation:orbFloat 11s ease-in-out infinite reverse;background:radial-gradient(circle,#2196f31a 0,#0000 70%);bottom:0;height:400px;left:-80px;width:400px}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.hero__content{animation:fadeUp .9s cubic-bezier(.16,1,.3,1) both;animation:fadeUp .9s var(--ease-out) both;margin:0 auto;max-width:780px;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__greeting{color:#00d4ff;color:var(--cyan);font-size:1rem;font-weight:300;letter-spacing:.08em;margin-bottom:16px;text-transform:uppercase}.hero__greeting,.hero__name{font-family:Syne,sans-serif;font-family:var(--font-display)}.hero__name{font-size:clamp(3.5rem,9vw,7rem);font-weight:800;letter-spacing:-.02em;line-height:.95;margin-bottom:24px}.hero__name--accent{-webkit-text-stroke:2px #00d4ff;-webkit-text-stroke:2px var(--cyan);color:#0000}.hero__title{margin-bottom:24px}.hero__title-label{background:#00d4ff1f;background:var(--cyan-dim);border:1.5px solid #00d4ff4d;border:1.5px solid var(--border-h);border-radius:99px;color:#00d4ff;color:var(--cyan);display:inline-block;font-size:.9rem;font-weight:500;letter-spacing:.04em;padding:6px 18px}.hero__desc{color:#9898b3;color:var(--text-2);font-size:1.1rem;line-height:1.75;margin-bottom:40px;max-width:560px}.hero__ctas{display:flex;flex-wrap:wrap;gap:14px}.hero__scroll-hint{align-items:center;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) .5s both;animation:fadeUp 1.2s .5s var(--ease-out) both;bottom:36px;color:#5a5a75;color:var(--text-3);display:flex;flex-direction:column;font-size:.7rem;gap:8px;left:50%;letter-spacing:.15em;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.hero__scroll-line{animation:scrollLine 2s ease-in-out infinite;background:linear-gradient(180deg,#5a5a75,#0000);background:linear-gradient(to bottom,var(--text-3),#0000);height:48px;width:1px}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.about__grid{grid-gap:64px;align-items:start;display:grid;gap:64px;grid-template-columns:220px 1fr}.about__photo-wrap{flex-shrink:0;position:relative}.about__photo{background:linear-gradient(135deg,#1a1a30,#0e0e1a);border:1.5px solid #ffffff12;border:1.5px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);height:180px;overflow:hidden;width:180px}.about__photo,.about__photo-inner{align-items:center;display:flex;justify-content:center}.about__photo-inner{background:linear-gradient(135deg,#00d4ff1f,#2196f31a);background:linear-gradient(135deg,var(--cyan-dim),#2196f31a);height:100%;width:100%}.about__initials{color:#00d4ff;color:var(--cyan);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:.05em}.about__photo-border{border:1.5px solid #00d4ff4d;border:1.5px solid var(--border-h);border-radius:20px;border-radius:var(--radius-lg);height:180px;left:16px;position:absolute;top:16px;width:180px;z-index:-1}.about__paragraph{color:#9898b3;color:var(--text-2);font-size:1.05rem;line-height:1.8;margin-bottom:20px}.about__mission{background:#00d4ff1f;background:var(--cyan-dim);border:1px solid #00d4ff26;border-radius:12px;border-radius:var(--radius);color:#9898b3;color:var(--text-2);display:flex;font-size:.97rem;gap:16px;line-height:1.7;margin-top:28px;padding:20px}.about__mission-bar{background:#00d4ff;background:var(--cyan);border-radius:99px;flex-shrink:0;width:3px}@media (max-width:720px){.about__grid{grid-template-columns:1fr}.about__photo-wrap{margin:0 auto}}.skills__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.skill-card{background:#13131f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:default;display:flex;flex-direction:column;gap:12px;padding:28px 24px;transition:border-color .25s,transform .25s,box-shadow .25s}.skill-card:hover{border-color:#00d4ff4d;border-color:var(--border-h);box-shadow:0 12px 40px #00d4ff14;transform:translateY(-4px)}.skill-card__icon{font-size:2rem}.skill-card__name{color:#f0f0fa;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700}.skill-card__bar-bg{background:#ffffff12;background:var(--border);border-radius:99px;height:4px;overflow:hidden}.skill-card__bar-fill{animation:barGrow 1s cubic-bezier(.16,1,.3,1) both;animation:barGrow 1s var(--ease-out) both;background:linear-gradient(90deg,#00d4ff,#2196f3);background:linear-gradient(90deg,var(--cyan),#2196f3);border-radius:99px;height:100%;transform-origin:left;width:var(--fill)}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.skill-card__pct{align-self:flex-end;color:#00d4ff;color:var(--cyan);font-size:.8rem;font-weight:600}.timeline{padding-left:40px;position:relative}.timeline:before{background:linear-gradient(180deg,#00d4ff,#0000);background:linear-gradient(to bottom,var(--cyan),#0000);bottom:8px;content:"";left:8px;position:absolute;top:8px;width:1px}.timeline__item{margin-bottom:36px;position:relative}.timeline__item:last-child{margin-bottom:0}.timeline__dot{background:#09090f;background:var(--bg);border:2px solid #00d4ff;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 12px #00d4ff40;box-shadow:0 0 12px var(--cyan-glow);height:14px;left:-36px;position:absolute;top:20px;width:14px}.timeline__card{background:#13131f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:28px;transition:border-color .25s,box-shadow .25s}.timeline__card:hover{border-color:#00d4ff4d;border-color:var(--border-h);box-shadow:0 8px 32px #00d4ff12}.timeline__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:14px}.timeline__role{color:#f0f0fa;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:4px}.timeline__company{color:#00d4ff;color:var(--cyan);font-size:.9rem;font-weight:500}.timeline__period{background:#ffffff12;background:var(--border);border-radius:99px;color:#5a5a75;color:var(--text-3);font-size:.8rem;font-weight:500;letter-spacing:.03em;padding:4px 12px;white-space:nowrap}.timeline__desc{color:#9898b3;color:var(--text-2);font-size:.97rem;line-height:1.75;margin-bottom:16px}.timeline__tags{display:flex;flex-wrap:wrap;gap:8px}.projects__grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#13131f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:default;display:flex;flex-direction:column;gap:14px;padding:28px;transition:border-color .3s,transform .3s,box-shadow .3s}.project-card:hover{border-color:#00d4ff4d;border-color:var(--border-h);box-shadow:0 20px 50px #00d4ff14;transform:translateY(-6px)}.project-card__top{align-items:center;display:flex;justify-content:space-between}.project-card__emoji{font-size:2rem}.project-card__link{align-items:center;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;color:#5a5a75;color:var(--text-3);display:flex;font-size:1rem;height:36px;justify-content:center;transition:border-color .2s,color .2s,background .2s;width:36px}.project-card__link:hover{background:#00d4ff1f;background:var(--cyan-dim);border-color:#00d4ff;border-color:var(--cyan);color:#00d4ff;color:var(--cyan)}.project-card__name{color:#f0f0fa;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.15rem;font-weight:700}.project-card__desc{color:#9898b3;color:var(--text-2);flex:1 1;font-size:.93rem;line-height:1.72}.project-card__tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.hobbies__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hobby-card{align-items:center;background:#13131f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:default;display:flex;gap:14px;padding:22px 20px;transition:border-color .25s,transform .25s,background .25s}.hobby-card:hover{background:#181826;background:var(--bg-card-h);border-color:#00d4ff4d;border-color:var(--border-h);transform:translateX(4px)}.hobby-card__icon{flex-shrink:0;font-size:1.6rem}.hobby-card__label{color:#9898b3;color:var(--text-2);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.9rem;font-weight:600}.contact__inner{align-items:center;display:flex;flex-direction:column;max-width:680px;text-align:center}.contact__sub{color:#9898b3;color:var(--text-2);font-size:1.1rem;line-height:1.75;margin-bottom:40px;margin-top:4px;max-width:520px}.contact__links{display:flex;flex-direction:column;gap:14px;margin-top:44px;max-width:400px;width:100%}.contact__link{align-items:center;background:#13131f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#9898b3;color:var(--text-2);display:flex;font-size:.95rem;font-weight:500;gap:14px;overflow:hidden;padding:16px 20px;position:relative;transition:border-color .25s,color .25s,background .25s,transform .25s,box-shadow .25s}.contact__link:before{content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s}.contact__link:hover{transform:translateX(4px)}.contact__link--email{--link-accent:#00d4ff;--link-glow:#00d4ff1f}.contact__link--github{--link-accent:#a78bfa;--link-glow:#a78bfa1f}.contact__link--whatsapp{--link-accent:#25d366;--link-glow:#25d3661f}.contact__link--email:hover,.contact__link--github:hover,.contact__link--whatsapp:hover{background:var(--link-glow);border-color:var(--link-accent);box-shadow:0 6px 28px var(--link-glow);color:var(--link-accent)}.contact__link-icon{align-items:center;background:#ffffff12;background:var(--border);border-radius:10px;color:#9898b3;color:var(--text-2);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .25s,color .25s;width:40px}.contact__link:hover .contact__link-icon{background:var(--link-glow);color:var(--link-accent)}.contact__link-text{flex:1 1;text-align:left}.contact__link-arrow{color:#5a5a75;color:var(--text-3);flex-shrink:0;font-size:.9rem;transition:color .25s,transform .25s}.contact__link:hover .contact__link-arrow{color:var(--link-accent);transform:translate(2px,-2px)}.footer{background:#09090f;background:var(--bg);border-top:1px solid #ffffff12;border-top:1px solid var(--border);padding:32px 24px}.footer__inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1120px;max-width:var(--max-w)}.footer__logo{color:#f0f0fa;color:var(--text-1);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:800}.footer__copy{color:#5a5a75;color:var(--text-3);font-size:.85rem}@media (max-width:900px){:root{--section-pad:80px}}@media (max-width:600px){:root{--section-pad:64px}.hero__name{font-size:3.2rem}.hero__desc{font-size:1rem}.hero__ctas{align-items:flex-start;flex-direction:column}.timeline{padding-left:28px}.timeline__dot{left:-26px}.timeline__header{align-items:flex-start;flex-direction:column}.footer__inner{align-items:center;flex-direction:column;text-align:center}.contact__links{max-width:100%}}@media (max-width:320px){:root{--section-pad:48px}.hero{padding:100px 16px 60px}.hero__name{font-size:2.6rem;line-height:1.1}.hero__desc{font-size:.95rem;max-width:100%}.hero__ctas{flex-direction:column;gap:10px}.navbar{padding:12px}.navbar__links{gap:6px}.nav-link{font-size:1.25rem;padding:10px 16px}.about__grid{gap:32px}.hobbies__grid,.projects__grid,.skills__grid{gap:14px;grid-template-columns:1fr}.timeline{padding-left:20px}.timeline__dot{left:-18px}.contact__links{gap:10px;width:100%}.footer__inner{flex-direction:column;gap:12px}.section-title{margin-bottom:40px}.section-title__text{font-size:1.8rem}.hobby-card,.project-card,.skill-card{padding:20px}}@media (max-width:768px){.navbar{padding:18px 20px}.navbar--scrolled{padding:12px 20px}.navbar__hamburger{display:flex;position:relative;z-index:1001}.navbar__links{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#09090ffa;bottom:0;flex-direction:column;gap:8px;height:100vh;height:100dvh;justify-content:center;left:0;opacity:0;overflow-y:auto;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-12px);transition:opacity .3s,transform .3s;z-index:999}.navbar__links--open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{color:#f0f0fa;color:var(--text-1);font-size:1.5rem;padding:12px 28px}.navbar__overlay{background:#0000;inset:0;position:fixed;z-index:998}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}