@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lugrasimo&display=swap";@import"https://fonts.googleapis.com/css2?family=Caudex&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";.responsive-image{max-width:100%;height:auto}*{outline:none}*,*:before,*:after{transition-property:background-color,color,border-color,fill,stroke;transition-duration:1.2s;transition-timing-function:ease}body{transition:background-color 1.2s ease,color 1.2s ease;margin:0;padding:0;background-color:#f5f7ff;color:#07112f}body.dark-mode{background-color:#07112f;color:#e0e0f0}.gradient-text{background:linear-gradient(135deg,#2f8,#00e676);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .55s ease both}.fade-in-up-delay-1{animation:fadeInUp .55s ease .1s both}.fade-in-up-delay-2{animation:fadeInUp .55s ease .2s both}.nav-link-active{position:relative}.nav-link-active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#2f8,#00e676);border-radius:2px}.desktop-nav .nav-link-active:after{bottom:-4px}.MuiDrawer-paper .nav-link-active:after{bottom:8px;left:12px;width:calc(100% - 24px)}@keyframes float1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-40px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-60px,40px) scale(1.12)}70%{transform:translate(30px,-20px) scale(.92)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(35px,50px) scale(1.08)}}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;will-change:transform}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.float-y{animation:floatY 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #2f80}50%{box-shadow:0 0 18px 6px #22ff8847}}.btn-pulse{animation:pulseGlow 2.5s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient-text{background:linear-gradient(270deg,#2f8,#00e676,#4ade80,#00e676,#2f8);background-size:300% 300%;animation:gradientShift 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes cardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-enter{animation:cardEnter .5s ease both}.card-hidden{opacity:0;transform:translateY(16px)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 80px);box-sizing:border-box;padding-bottom:24px}.hero-inner{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center}.hero-greeting{font-family:Space Mono,Courier New,monospace;font-size:14px;font-weight:400;margin:0 0 14px;letter-spacing:.06em}.hero-name{font-family:Poppins,sans-serif;font-size:32px;font-weight:600;line-height:1.2;margin:0 0 8px;letter-spacing:0}.hero-role{font-family:Poppins,sans-serif;font-size:36.8px;font-weight:300;line-height:1.25;margin:0 0 22px;min-height:1.25em}.hero-role .Typewriter__cursor{font-weight:300;animation:blinkCursor 1s step-end infinite}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.hero-desc{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;line-height:1.75;max-width:520px;margin:0 auto 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center}.hero-btn-work{display:inline-flex;align-items:center;gap:10px}.hero-btn-work-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#07112f40}.hero-scroll{margin-top:56px;display:inline-flex;flex-direction:column;align-items:center;cursor:pointer;background:none;border:none;padding:0;opacity:.7;transition:opacity .2s ease}.hero-scroll:hover{opacity:1}.hero-scroll-mouse{width:22px;height:36px;border:2px solid currentColor;border-radius:12px;position:relative;box-sizing:border-box}.hero-scroll-mouse:after{content:"";position:absolute;left:50%;top:7px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor;animation:scrollWheel 1.8s ease-in-out infinite}@keyframes scrollWheel{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.35}}@media (max-width: 899px){.hero{padding:16px 20px 40px;min-height:calc(100dvh - 80px)}.hero-inner{max-width:100%}.hero-greeting{font-size:13px;line-height:1.6;margin-bottom:20px}.hero-name{font-size:clamp(2.125rem,9vw,2.625rem);line-height:1.35;margin-bottom:18px}.hero-role{font-size:clamp(1.625rem,6.8vw,2.125rem);line-height:1.45;margin-bottom:30px;min-height:2.95em}.hero-desc{font-size:1rem;line-height:1.85;max-width:100%;margin-bottom:38px;padding:0 6px}.hero-actions{gap:16px;width:100%;justify-content:center}.hero-scroll{margin-top:48px}.hero-scroll-mouse{width:24px;height:40px}}.whatsapp-fab{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(14px) scale(.9)!important}.whatsapp-fab--visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}#home-section,.portfolio-section{scroll-margin-top:96px}.portfolio-section{padding-left:8%;padding-right:8%;margin-bottom:56px;box-sizing:border-box}.section-header{display:flex;align-items:center;margin-bottom:24px}.section-header__circle{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:2}.section-header__pill{display:inline-flex;align-items:center;margin-left:-20px;padding:11px 28px 11px 38px;border-radius:999px;border-width:1px;border-style:solid;font-family:Poppins,sans-serif;font-weight:600;font-size:17px;line-height:1;position:relative;z-index:1;white-space:nowrap}.section-header__number{margin-right:8px}.section-header__title{font-weight:600}.section-content-box,.section-content-open{margin-left:38px}.section-content-box{border-radius:14px;padding:28px;width:100%;max-width:100%;box-sizing:border-box;transition:background .3s ease,border-color .3s ease}.intro-body{font-family:Inter,sans-serif;font-size:clamp(.9375rem,1.6vw,1rem);font-weight:400;line-height:1.8;letter-spacing:.015em;width:100%;max-width:100%;margin:0 0 1.5rem;white-space:pre-line;box-sizing:border-box}.skills-layout{display:grid;grid-template-columns:1fr minmax(220px,38%);gap:16px}.skills-box{border:1px solid;border-radius:14px;padding:22px 18px;box-sizing:border-box}.skills-box--wide{grid-column:1 / -1}.skills-grid{display:grid;gap:20px 14px;justify-items:center;align-items:start}.skill-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.skill-item img{width:42px;height:42px;object-fit:contain}.skill-icon--mono-dark{filter:brightness(0) invert(1);opacity:.92}.skill-item span{font-family:Poppins,sans-serif;font-size:12px;font-weight:500;line-height:1.2}@media (max-width: 900px){.skills-layout{grid-template-columns:1fr}.skills-box--side .skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width: 900px){.portfolio-section{padding-left:5%;padding-right:5%}}@media (max-width: 600px){.portfolio-section{padding-left:16px;padding-right:16px}.section-content-box{padding:20px 18px}.section-header__pill{font-size:14px;padding:9px 20px 9px 32px;white-space:normal}.section-content-box,.section-content-open{margin-left:0}.skills-box--main .skills-grid,.skills-box--side .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.skills-box--wide .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.hero{overflow:hidden}.hero-glow{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:radial-gradient(ellipse 55% 45% at 50% 40%,rgba(34,255,136,.07) 0%,transparent 65%),radial-gradient(ellipse 40% 35% at 80% 60%,rgba(0,230,118,.04) 0%,transparent 60%);pointer-events:none;z-index:0;animation:heroGlowPulse 6s ease-in-out infinite}@keyframes heroGlowPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.75;transform:scale(1.03)}}.hero-inner{position:relative;z-index:1}.hero-stagger>*{opacity:0;animation:heroFadeUp .75s cubic-bezier(.22,1,.36,1) forwards}.hero-stagger>*:nth-child(1){animation-delay:.05s}.hero-stagger>*:nth-child(2){animation-delay:.15s}.hero-stagger>*:nth-child(3){animation-delay:.28s}.hero-stagger>*:nth-child(4){animation-delay:.4s}.hero-stagger>*:nth-child(5){animation-delay:.52s}.hero-stagger>*:nth-child(6){animation-delay:.64s}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.reveal-section{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.reveal-section--visible{opacity:1;transform:translateY(0)}.reveal-section--visible .section-header{animation:fadeInUp .65s cubic-bezier(.22,1,.36,1) both}.reveal-section--visible .section-content-box,.reveal-section--visible .section-content-open{animation:fadeInUp .7s cubic-bezier(.22,1,.36,1) .1s both}.reveal-stagger>*{opacity:0;transform:translateY(22px)}.reveal-section--visible .reveal-stagger>*{animation:fadeInUp .55s cubic-bezier(.22,1,.36,1) both}.reveal-section--visible .reveal-stagger>*:nth-child(1){animation-delay:.12s}.reveal-section--visible .reveal-stagger>*:nth-child(2){animation-delay:.22s}.reveal-section--visible .reveal-stagger>*:nth-child(3){animation-delay:.32s}.reveal-section--visible .reveal-stagger>*:nth-child(4){animation-delay:.42s}.reveal-section--visible .reveal-stagger>*:nth-child(5){animation-delay:.52s}.reveal-section--visible .reveal-stagger>*:nth-child(6){animation-delay:.62s}.reveal-section--visible .reveal-stagger>*:nth-child(7){animation-delay:.72s}.reveal-section--visible .reveal-stagger>*:nth-child(8){animation-delay:.82s}.parallax-card{position:relative;border-radius:20px;transition:box-shadow .35s ease,border-color .35s ease;transform-style:preserve-3d;will-change:transform;display:flex;flex-direction:column;flex:1}.parallax-card__glow{display:none}.parallax-card--active{box-shadow:0 16px 48px #22ff8826}.parallax-card>*{position:relative;z-index:1}.project-card-inner{transition:border-color .35s ease!important}.magnetic-btn{position:relative;display:inline-flex;overflow:hidden;border-radius:8px;transform:translate(var(--magnetic-x, 0),var(--magnetic-y, 0));transition:transform .2s cubic-bezier(.22,1,.36,1)}.magnetic-btn__ripple{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#ffffff8c;pointer-events:none;animation:rippleExpand .65s ease-out forwards;z-index:2}@keyframes rippleExpand{0%{transform:scale(0);opacity:.7}to{transform:scale(18);opacity:0}}.skills-box{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.skills-box:hover{transform:translateY(-4px);box-shadow:0 12px 32px #22ff881f;border-color:#22ff8873!important}.intro-video-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1350;background:#07112fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:introVideoFadeIn .3s ease}@keyframes introVideoFadeIn{0%{opacity:0}to{opacity:1}}.intro-video-shell{position:fixed;z-index:1280;overflow:hidden;border-radius:12px;border:2px solid rgba(34,255,136,.45);box-shadow:0 8px 32px #00000073,0 0 24px #22ff8826;background:#0a1638;cursor:pointer;transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),bottom .35s cubic-bezier(.22,1,.36,1),right .35s cubic-bezier(.22,1,.36,1),border-radius .35s ease,opacity .35s ease,visibility .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.intro-video-shell--pip-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px) scale(.94)}.intro-video-pip{bottom:28px;right:28px;width:200px;height:248px}.intro-video-pip--above-whatsapp{bottom:112px}.intro-video-shell--expanded{z-index:1360;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(92vw,960px);height:min(52vh,540px);cursor:default;border-radius:16px;border-color:#22ff888c;box-shadow:0 24px 80px #0000008c,0 0 40px #2f83}.intro-video-player{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;background:#000}.intro-video-pip .intro-video-player{object-fit:cover;object-position:center 12%}.intro-video-shell--expanded .intro-video-player{object-fit:contain}.intro-video-pip__badge{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#22ff88e6;color:#07112f;pointer-events:none;box-shadow:0 2px 8px #0000004d}.intro-video-close{position:absolute!important;top:8px!important;right:8px!important;z-index:2;background:#07112fbf!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important}.intro-video-close:hover{background:#22ff8840!important;color:#2f8!important}.intro-video-pip:not(.intro-video-shell--expanded):hover{border-color:#22ff88bf;box-shadow:0 12px 40px #00000080,0 0 28px #22ff8840;transform:scale(1.03)}@media (max-width: 600px){.intro-video-pip{width:140px;height:174px;right:16px;bottom:16px}.intro-video-pip--above-whatsapp{bottom:88px}.intro-video-shell--expanded{width:96vw;height:40vh}}@media (prefers-reduced-motion: reduce){.hero-stagger>*,.reveal-section,.reveal-stagger>*,.orb,.float-y,.btn-pulse,.hero-glow,.parallax-card,.magnetic-btn{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.reveal-section,.card-hidden{opacity:1;transform:none}}