:root{--doodle-green: var(--fifa-pitch, #8B5CF6);--doodle-cyan: var(--fifa-cyan, #2DD4BF);--doodle-gold: var(--fifa-gold, #FFB020);--doodle-ink: var(--fifa-text, #1F2937)}.hero-section,.about-section,.skills-section,.portfolio-section,.contact-section{position:relative}.doodle{position:absolute;pointer-events:none;z-index:25;overflow:visible}.doodle path,.doodle line,.doodle polyline,.doodle circle,.doodle ellipse{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.doodle .draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s ease}.doodle.is-drawn .draw{stroke-dashoffset:0}.doodle .draw.d2{transition-delay:.18s}.doodle .draw.d3{transition-delay:.36s}.doodle .draw.d4{transition-delay:.54s}.doodle .pop{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.doodle.is-drawn .pop{transform:scale(1)}.doodle.is-drawn .pop.p2{transition-delay:.15s}.doodle.is-drawn .pop.p3{transition-delay:.3s}.doodle--float{animation:doodle-float 6s ease-in-out infinite}.doodle--wiggle.is-drawn{animation:doodle-wiggle 5s ease-in-out infinite 1s}.doodle--spin{animation:doodle-spin 14s linear infinite}@keyframes doodle-float{0%,to{transform:translateY(0) rotate(var(--tilt, 0deg))}50%{transform:translateY(-12px) rotate(var(--tilt, 0deg))}}@keyframes doodle-wiggle{0%,to{transform:rotate(var(--tilt, -4deg))}50%{transform:rotate(calc(var(--tilt, -4deg) + 6deg))}}@keyframes doodle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.doodle-note{position:absolute;pointer-events:none;z-index:26;font-family:Caveat,Segoe Script,cursive;font-size:clamp(1.15rem,2.4vw,1.9rem);font-weight:700;line-height:1;color:var(--doodle-gold);text-shadow:0 2px 10px rgba(0,0,0,.5);transform:rotate(var(--note-tilt, -6deg));opacity:0;transition:opacity .6s ease .4s,transform .6s ease .4s}.doodle-note.is-drawn{opacity:1}.doodle-note--green{color:var(--doodle-green)}.doodle-note--cyan{color:var(--doodle-cyan)}.section-header{position:relative}.doodle-underline{display:block;width:min(240px,62%);height:16px;margin:.35rem auto 0;overflow:visible}.doodle-underline path{stroke:var(--doodle-green);stroke-width:4}.doodle-underline path.u2{stroke:var(--doodle-gold);stroke-width:2.5;opacity:.85}.doodle-underline path,.doodle-title-underline path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s ease}.doodle-underline.is-drawn path,.doodle-title-underline.is-drawn path{stroke-dashoffset:0}.doodle-underline path.u2{transition-delay:.2s}@media (prefers-reduced-motion: reduce){.doodle-underline path,.doodle-title-underline path{transition:none;stroke-dashoffset:0}}.hero-section .doodle--sparkle-a{top:14%;right:6%;width:46px;height:46px;--tilt: 0deg}.hero-section .doodle--sparkle-b{top:62%;right:40%;width:30px;height:30px;--tilt: 0deg}.hero-section .doodle--sparkle-c{top:26%;left:3%;width:26px;height:26px;--tilt: 0deg}.hero-section .doodle--arrow-cta{left:2%;bottom:16%;width:120px;height:90px}.hero-section .doodle--arrow-cta path{stroke:var(--doodle-gold);stroke-width:3.5}.hero-note--start{left:1%;bottom:34%;--note-tilt: -8deg}.hero-title{position:relative}.doodle-title-underline{display:block;width:100%;max-width:360px;height:18px;margin-top:.15rem;overflow:visible}.doodle-title-underline path{stroke:var(--doodle-cyan);stroke-width:4}.about-section .doodle--burst{--tilt: 0deg}.about-note--me{--note-tilt: 7deg}.skills-note--toolkit{top:8%;right:4%;--note-tilt: 5deg}.skills-marquee{margin-top:2.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.skills-marquee__track{display:inline-flex;gap:2.5rem;white-space:nowrap;will-change:transform;animation:skills-scroll 26s linear infinite}.skills-marquee:hover .skills-marquee__track{animation-play-state:paused}.skills-marquee__item{font-family:Rajdhani,Inter,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--doodle-ink);opacity:.7}.skills-marquee__item span{color:var(--doodle-green);margin-right:.6rem}@keyframes skills-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio-note--pick{top:12%;left:4%;--note-tilt: -6deg}.contact-section .doodle--arrow-form{right:6%;top:20%;width:130px;height:100px}.contact-section .doodle--arrow-form path{stroke:var(--doodle-green);stroke-width:3.5}.contact-note--talk{right:3%;top:10%;--note-tilt: -7deg;font-size:clamp(1.6rem,3.4vw,2.6rem)}.hero-title .title-main{background:linear-gradient(120deg,var(--doodle-green) 0%,var(--doodle-gold) 55%,var(--doodle-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.btn.is-magnetic{transform:translate(var(--mx, 0px),var(--my, 0px));transition:transform .18s ease}.hero-visual{flex:1;display:flex;align-items:center;justify-content:center;min-height:420px}.hero-doodle-stage{position:relative;width:min(460px,92%);aspect-ratio:1 / 1}.hero-doodle-stage svg{width:100%;height:100%;overflow:visible}.hero-doodle-stage .ink{stroke:var(--fifa-text)}.hero-doodle-stage .ink-teal{stroke:var(--fifa-cyan)}.hero-doodle-stage .fill-white{fill:var(--fifa-elevated)}.hero-doodle-stage .fill-coral{fill:var(--fifa-pitch)}.hero-doodle-stage .fill-amber{fill:var(--fifa-gold)}.hero-doodle-stage .fill-teal{fill:var(--fifa-cyan)}.hero-doodle-stage .fill-ink{fill:var(--fifa-text)}.hd-bubble-text{font-family:Caveat,cursive;font-size:30px;font-weight:700;fill:var(--fifa-text)}.hero-doodle-stage .hd{transform-box:fill-box;transform-origin:center}.hero-doodle-stage .hd{animation:hd-pop .6s cubic-bezier(.34,1.56,.64,1) both}.hd-controller{animation-delay:.05s}.hd-bubble{animation-delay:.35s}.hd-orbit{animation-delay:.15s}.f1{animation-delay:.45s}.f2{animation-delay:.55s}.f3{animation-delay:.6s}.f4{animation-delay:.65s}.f5{animation-delay:.7s}.f6{animation-delay:.75s}@keyframes hd-pop{0%{transform:scale(0) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.hd-controller{animation:hd-pop .6s cubic-bezier(.34,1.56,.64,1) .05s both,hd-bob 4.5s ease-in-out .8s infinite}.hd-bubble{animation:hd-pop .6s cubic-bezier(.34,1.56,.64,1) .35s both,hd-bob 5s ease-in-out 1s infinite}.hd-orbit{animation:hd-pop .6s ease .15s both,hd-spin 26s linear .8s infinite}.hd-float{animation:hd-pop .6s cubic-bezier(.34,1.56,.64,1) var(--d, .5s) both,hd-bob 4s ease-in-out infinite}.f1{--d: .45s}.f2{--d: .55s}.f3{--d: .6s}.f4{--d: .65s}.f5{--d: .7s}.f6{--d: .75s}.hd-float.f2{animation-duration:.6s,4.6s}.hd-float.f3{animation-duration:.6s,5.2s}.hd-float.f4{animation-duration:.6s,3.6s}.hd-float.f5{animation-duration:.6s,5s}.hd-float.f6{animation-duration:.6s,4.3s}@keyframes hd-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(3deg)}}@keyframes hd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.hero-visual{min-height:0;margin-top:1.5rem}.hero-doodle-stage{width:min(380px,88%)}}@media (max-width: 480px){.hero-doodle-stage{width:min(320px,86%)}.hd-bubble-text{font-size:26px}}@media (max-width: 640px){.doodle--sparkle-b,.doodle--sparkle-c,.doodle--arrow-cta,.contact-section .doodle--arrow-form,.hero-note--start,.about-note--me,.skills-note--toolkit,.contact-note--talk{display:none}.portfolio-note--pick{font-size:1.05rem}.doodle-underline{width:min(180px,70%)}}@media (prefers-reduced-motion: reduce){.doodle .draw{transition:none;stroke-dashoffset:0}.doodle .pop{transition:none;transform:scale(1)}.doodle-note{transition:none;opacity:1}.doodle--float,.doodle--wiggle.is-drawn,.doodle--spin,.skills-marquee__track,.hero-doodle-stage .hd{animation:none;opacity:1;transform:none}}