:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#161b22cc;--accent-primary:#38bdf8;--accent-secondary:#0ea5e9;--accent-dim:#38bdf826;--accent-glow:0 0 24px #38bdf840;--accent-glow-sm:0 0 12px #38bdf82e;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-accent:#38bdf8;--border-subtle:#38bdf826;--border-hover:#38bdf873;--border-default:#f0f6fc1a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--transition-slow:.4s ease-out;--z-nav:100;--z-modal:200;--z-overlay:300;--container-max:1200px;--container-pad:clamp(16px, 4vw, 48px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.section{padding-block:var(--space-24)}@media (width<=768px){.section{padding-block:var(--space-16)}}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-2);font-size:.8rem;font-weight:600}.section-title{color:var(--text-primary);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.2}.section-desc{color:var(--text-secondary);margin-top:var(--space-3);max-width:560px;margin-inline:auto;font-size:1rem;line-height:1.7}.section-divider{background:linear-gradient(90deg, var(--accent-primary), transparent);border-radius:var(--radius-full);width:60px;height:3px;margin:var(--space-4) auto 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}#root{min-height:100dvh}.navbar{z-index:var(--z-nav);transition:background var(--transition-base), box-shadow var(--transition-base), padding var(--transition-base);padding-block:16px;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--border-subtle);background:#0d1117eb;padding-block:12px}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{letter-spacing:-.01em;color:var(--text-primary);transition:opacity var(--transition-fast);touch-action:manipulation;padding:6px 0;font-size:1.15rem;font-weight:700}.navbar__logo:hover{opacity:.85}.navbar__logo-bracket{color:var(--accent-primary);font-family:Courier New,monospace;font-weight:700}.navbar__logo-name{margin-inline:4px}.navbar__links{align-items:center;gap:4px;display:flex}.navbar__link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);touch-action:manipulation;align-items:center;min-height:44px;padding:8px 14px;font-size:.9rem;font-weight:500;display:flex;position:relative}.navbar__link:hover{color:var(--text-primary);background:#38bdf814}.navbar__link--active{color:var(--accent-primary);background:#38bdf81a}.navbar__link--active:after{content:"";border-radius:var(--radius-full);background:var(--accent-primary);width:18px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.navbar__hamburger{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-secondary);transition:color var(--transition-fast), background var(--transition-fast);touch-action:manipulation;justify-content:center;align-items:center;display:none}.navbar__hamburger:hover{color:var(--text-primary);background:var(--bg-tertiary)}.navbar__mobile-menu{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);background:#0d1117f7;padding:8px 0 16px;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar__mobile-link{width:100%;padding:14px var(--container-pad);color:var(--text-secondary);text-align:left;transition:color var(--transition-fast), background var(--transition-fast);touch-action:manipulation;font-size:1rem;font-weight:500;display:block}.navbar__mobile-link:hover{color:var(--text-primary);background:#38bdf80f}.navbar__mobile-link--active{color:var(--accent-primary)}@media (width<=768px){.navbar__links{display:none}.navbar__hamburger{display:flex}}.hero{flex-direction:column;justify-content:center;min-height:100dvh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero__blob{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero__blob--1{background:#38bdf814;width:500px;height:500px;animation:8s ease-in-out infinite blobFloat;top:-100px;right:-100px}.hero__blob--2{background:#0ea5e90f;width:400px;height:400px;animation:10s ease-in-out infinite reverse blobFloat;bottom:0;left:-80px}@keyframes blobFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-24px)scale(1.04)}}.hero__inner{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-12);padding-block:var(--space-12);display:flex;position:relative}.hero__content{flex:1;max-width:580px;animation:.6s ease-out both fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero__greeting{color:var(--accent-primary);margin-bottom:var(--space-2);letter-spacing:.02em;font-size:1.05rem;font-weight:500}.hero__name{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-3);background:linear-gradient(135deg,#f0f6fc 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.1}.hero__subtitle{color:var(--text-secondary);margin-bottom:var(--space-5);letter-spacing:.01em;font-size:clamp(1rem,2vw,1.25rem);font-weight:600}.hero__description{color:var(--text-secondary);max-width:500px;margin-bottom:var(--space-8);font-size:1rem;line-height:1.75}.hero__actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;touch-action:manipulation;white-space:nowrap;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#0d1117;box-shadow:0 4px 16px #38bdf84d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #38bdf873}.btn--primary:active{transform:translateY(0)}.btn--outline{color:var(--text-primary);border:1px solid var(--border-default);background:#f0f6fc0a}.btn--outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-dim);transform:translateY(-2px)}.btn--outline:active{transform:translateY(0)}.hero__photo-wrap{flex-shrink:0;width:280px;height:280px;animation:.6s ease-out .2s both fadeSlideUp;position:relative}.hero__photo-ring{background:conic-gradient(var(--accent-primary) 0%, var(--accent-secondary) 30%, transparent 50%, var(--accent-primary) 80%, var(--accent-secondary) 100%);opacity:.7;border-radius:50%;animation:8s linear infinite spinRing;position:absolute;inset:-6px}@keyframes spinRing{to{transform:rotate(360deg)}}.hero__photo{object-fit:cover;object-position:center;border:4px solid var(--bg-primary);z-index:1;border-radius:50%;width:280px;height:280px;position:relative}.hero__scroll{z-index:1;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-dot{border:2px solid var(--border-subtle);border-radius:var(--radius-full);width:20px;height:32px;position:relative}.hero__scroll-dot:before{content:"";border-radius:var(--radius-full);background:var(--accent-primary);width:4px;height:8px;animation:1.8s ease-in-out infinite scrollBounce;position:absolute;top:4px;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{opacity:1;top:4px}80%{opacity:0;top:14px}}@media (width<=900px){.hero__inner{text-align:center;gap:var(--space-8);flex-direction:column-reverse}.hero__description,.hero__subtitle{margin-inline:auto}.hero__actions{justify-content:center}.hero__scroll{display:none}}@media (width<=480px){.hero__photo-wrap,.hero__photo{width:220px;height:220px}}.aboutme{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%)}.aboutme__services{gap:var(--space-6);margin-bottom:var(--space-16);grid-template-columns:repeat(3,1fr);display:grid}.aboutme__service-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);-webkit-backdrop-filter:blur(10px);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);gap:var(--space-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.aboutme__service-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.aboutme__service-card:hover{border-color:var(--border-hover);box-shadow:var(--accent-glow);transform:translateY(-4px)}.aboutme__service-icon{background:var(--accent-dim);border-radius:var(--radius-md);width:52px;height:52px;color:var(--accent-primary);border:1px solid #38bdf833;flex-shrink:0;justify-content:center;align-items:center;display:flex}.aboutme__service-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.3}.aboutme__service-desc{color:var(--text-secondary);font-size:.93rem;line-height:1.75}.aboutme__cta{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(var(--space-8), 6vw, var(--space-16));text-align:center;-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.aboutme__cta:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.aboutme__cta:after{content:"";pointer-events:none;background:radial-gradient(#38bdf81f,#0000 70%);width:400px;height:200px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.aboutme__cta-content{z-index:1;align-items:center;gap:var(--space-4);flex-direction:column;display:flex;position:relative}.aboutme__cta-title{color:var(--text-primary);font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:700;line-height:1.3}.aboutme__cta-sub{color:var(--text-secondary);max-width:520px;font-size:1rem;line-height:1.7}.aboutme__cta-btn{margin-top:var(--space-2)}@media (width<=900px){.aboutme__services{grid-template-columns:1fr}}@media (width<=640px){.aboutme__services{grid-template-columns:1fr}}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--accent-glow);transform:translateY(-4px)}.project-card__img-wrap{aspect-ratio:16/9;background:var(--bg-tertiary);position:relative;overflow:hidden}.project-card__img{object-fit:cover;width:100%;height:100%;transition:transform .4s ease-out}.project-card:hover .project-card__img{transform:scale(1.04)}.project-card__img-overlay{background:linear-gradient(#0000 50%,#0d111799 100%);position:absolute;inset:0}.project-card__body{padding:var(--space-6);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.project-card__company{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);font-size:.72rem;font-weight:600}.project-card__name{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.3}.project-card__desc{color:var(--text-secondary);flex:1;font-size:.88rem;line-height:1.7}.project-card__techs{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.project-card__tech{color:var(--accent-primary);background:var(--accent-dim);border-radius:var(--radius-full);border:1px solid #38bdf833;padding:3px 10px;font-size:.72rem;font-weight:500}.project-card__links{margin-top:var(--space-2);flex-wrap:wrap;gap:8px;display:flex}.project-card__btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);touch-action:manipulation;border:1px solid #0000;align-items:center;gap:6px;min-height:36px;padding:7px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.project-card__btn--video{color:#fff;background:red;border-color:red}.project-card__btn--video:hover{background:#c00;transform:translateY(-1px)}.project-card__btn--page{color:var(--accent-primary);border-color:var(--border-subtle);background:var(--accent-dim)}.project-card__btn--page:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.project-card__btn--github{color:var(--text-secondary);border-color:var(--border-default);background:var(--bg-tertiary)}.project-card__btn--github:hover{color:var(--text-primary);border-color:var(--border-subtle);transform:translateY(-1px)}.projects{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%)}.projects__groups{gap:var(--space-16);flex-direction:column;display:flex}.projects__group{gap:var(--space-8);flex-direction:column;display:flex}.projects__group-header{gap:var(--space-2);flex-direction:column;display:flex}.projects__group-title{color:var(--text-primary);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;line-height:1.2}.projects__group-desc{color:var(--text-secondary);max-width:520px;font-size:.93rem;line-height:1.7}.projects__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (width<=640px){.projects__grid{grid-template-columns:1fr}}.contact{background:var(--bg-secondary);position:relative;overflow:hidden}.contact__bg{background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);opacity:.4;pointer-events:none;background-size:40px 40px;position:absolute;inset:0}.contact__inner{z-index:1;justify-content:center;display:flex;position:relative}.contact__card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(var(--space-8), 5vw, var(--space-16));text-align:center;-webkit-backdrop-filter:blur(12px);width:100%;max-width:600px;position:relative;overflow:hidden}.contact__card-glow{pointer-events:none;background:radial-gradient(#38bdf833,#0000 70%);width:300px;height:200px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.contact__buttons{gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.contact__btn{border-radius:var(--radius-md);transition:all var(--transition-base);touch-action:manipulation;border:1px solid #0000;align-items:center;gap:10px;min-height:48px;padding:13px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.contact__btn--whatsapp{color:#fff;background:#25d366;box-shadow:0 4px 16px #25d3664d}.contact__btn--whatsapp:hover{background:#1db954;transform:translateY(-2px);box-shadow:0 8px 24px #25d36666}.contact__btn--email{color:var(--accent-primary);border-color:var(--border-subtle);background:var(--accent-dim)}.contact__btn--email:hover{border-color:var(--accent-primary);background:#38bdf833;transform:translateY(-2px)}.contact__footer{margin-top:var(--space-10);color:var(--text-secondary);font-size:.82rem}.contact__footer strong{color:var(--text-primary)}@media (width<=480px){.contact__btn{flex:1;justify-content:center;min-width:140px}}.site-footer{background:var(--bg-primary);border-top:1px solid var(--border-subtle);padding-block:var(--space-8)}.site-footer__inner{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.site-footer__brand{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.site-footer__name{color:var(--text-primary);background:linear-gradient(135deg,#f0f6fc 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:700}.site-footer__tagline{color:var(--text-secondary);letter-spacing:.03em;font-size:.8rem}.site-footer__nav{gap:var(--space-2) var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.site-footer__link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.88rem}.site-footer__link:hover{color:var(--accent-primary)}.site-footer__copy{color:var(--text-secondary);opacity:.7;font-size:.78rem}