@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/cdf703449fd42bc8-s.665aa8c9.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/3f10656f33c57dec-s.1b5b6537.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/56eb15be423b6220-s.23b201d9.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/96074e70a40501da-s.8c31978f.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/de161955856a921d-s.p.25da2b95.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}.press_start_2p_fee32687-module__AAHtoW__className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}
:root{--color-bg:#5c94fc;--color-surface:#fff;--color-text:#1a1a2e;--color-text-muted:#2d4a7c;--color-accent:#00a651;--color-accent-hover:#008741;--color-border:gold;--color-mario-green:#00a651;--color-mario-blue:#5c94fc;--color-mario-yellow:gold;--color-coin-gold:#ffb700;--color-brick-orange:#d87830;--color-brick-brown:#b86028;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--text-4xl:64px;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--nav-total-height:68px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0000001f;--shadow-lg:0 8px 16px #00000026;--shadow-xl:0 16px 32px #0003}[data-theme=dark]{--color-bg:#000;--color-surface:#1a1a1a;--color-text:#fff;--color-text-muted:#999;--color-accent:#00a651;--color-accent-hover:#008741;--color-border:#333;--color-mario-green:#00a651;--color-mario-blue:#5c94fc;--color-mario-yellow:gold;--color-coin-gold:#ffb700;--color-brick-orange:#d87830;--color-brick-brown:#b86028;--shadow-sm:0 2px 4px #ffffff0d;--shadow-md:0 4px 8px #ffffff14;--shadow-lg:0 8px 16px #ffffff1a;--shadow-xl:0 16px 32px #ffffff26}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--color-text);transition:background-color var(--duration-normal)var(--ease-smooth),color var(--duration-normal)var(--ease-smooth);background:linear-gradient(#5c94fc 0%,#89b5ff 100%) fixed;font-family:"Press Start 2P",Courier New,monospace;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;background-image:none;width:100%;height:100%;position:fixed;top:0;left:0}body>*{z-index:2;position:relative}body:after{content:"© 2025 Priya Sridhar 🍄";pointer-events:none;z-index:1000;color:#fff;text-shadow:2px 2px #000;background:repeating-linear-gradient(90deg,#8b4513 0 60px,#000 60px 64px,sienna 64px 124px,#000 124px 128px);border-top:4px solid #000;justify-content:flex-start;align-items:center;width:100%;height:60px;padding-left:30px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;box-shadow:inset 0 4px #fff3,inset 0 -4px #0000004d}.bottom-pipe{z-index:999;pointer-events:none;width:96px;height:200px;image-rendering:pixelated;position:fixed;bottom:0;right:40px}.bottom-pipe:before{content:"";background:#00a651;width:8px;height:8px;position:absolute;box-shadow:0 0 #000,8px 0 #000,16px 0 #000,24px 0 #000,32px 0 #000,40px 0 #000,48px 0 #000,56px 0 #000,64px 0 #000,72px 0 #000,80px 0 #000,88px 0 #000,0 8px #000,8px 8px #00a651,16px 8px #00a651,24px 8px #00a651,32px 8px #00a651,40px 8px #00a651,48px 8px #00a651,56px 8px #00a651,64px 8px #00a651,72px 8px #00a651,80px 8px #00a651,88px 8px #000,0 16px #000,8px 16px #00a651,16px 16px #00d164,24px 16px #00d164,32px 16px #00d164,40px 16px #00d164,48px 16px #00d164,56px 16px #00d164,64px 16px #00d164,72px 16px #00d164,80px 16px #00a651,88px 16px #000,0 24px #000,8px 24px #00a651,16px 24px #00d164,24px 24px #00d164,32px 24px #00d164,40px 24px #00d164,48px 24px #00d164,56px 24px #00d164,64px 24px #00d164,72px 24px #00d164,80px 24px #00a651,88px 24px #000,16px 32px #000,24px 32px #00a651,32px 32px #00a651,40px 32px #00a651,48px 32px #00a651,56px 32px #00a651,64px 32px #00a651,72px 32px #00a651,80px 32px #000,16px 40px #000,24px 40px #00a651,32px 40px #00d164,40px 40px #00d164,48px 40px #00d164,56px 40px #00d164,64px 40px #00d164,72px 40px #00a651,80px 40px #000,16px 48px #000,24px 48px #00a651,32px 48px #00d164,40px 48px #00d164,48px 48px #00d164,56px 48px #00d164,64px 48px #00d164,72px 48px #00a651,80px 48px #000,16px 56px #000,24px 56px #00a651,32px 56px #00d164,40px 56px #00d164,48px 56px #00d164,56px 56px #00d164,64px 56px #00d164,72px 56px #00a651,80px 56px #000,16px 64px #000,24px 64px #00a651,32px 64px #00d164,40px 64px #00d164,48px 64px #00d164,56px 64px #00d164,64px 64px #00d164,72px 64px #00a651,80px 64px #000,16px 72px #000,24px 72px #00a651,32px 72px #00d164,40px 72px #00d164,48px 72px #00d164,56px 72px #00d164,64px 72px #00d164,72px 72px #00a651,80px 72px #000,16px 80px #000,24px 80px #00a651,32px 80px #00d164,40px 80px #00d164,48px 80px #00d164,56px 80px #00d164,64px 80px #00d164,72px 80px #00a651,80px 80px #000,16px 88px #000,24px 88px #00a651,32px 88px #00d164,40px 88px #00d164,48px 88px #00d164,56px 88px #00d164,64px 88px #00d164,72px 88px #00a651,80px 88px #000,16px 96px #000,24px 96px #00a651,32px 96px #00d164,40px 96px #00d164,48px 96px #00d164,56px 96px #00d164,64px 96px #00d164,72px 96px #00a651,80px 96px #000,16px 104px #000,24px 104px #00a651,32px 104px #00d164,40px 104px #00d164,48px 104px #00d164,56px 104px #00d164,64px 104px #00d164,72px 104px #00a651,80px 104px #000,16px 112px #000,24px 112px #00a651,32px 112px #00d164,40px 112px #00d164,48px 112px #00d164,56px 112px #00d164,64px 112px #00d164,72px 112px #00a651,80px 112px #000,16px 120px #000,24px 120px #00a651,32px 120px #00d164,40px 120px #00d164,48px 120px #00d164,56px 120px #00d164,64px 120px #00d164,72px 120px #00a651,80px 120px #000,16px 128px #000,24px 128px #00a651,32px 128px #00d164,40px 128px #00d164,48px 128px #00d164,56px 128px #00d164,64px 128px #00d164,72px 128px #00a651,80px 128px #000,16px 136px #000,24px 136px #00a651,32px 136px #00d164,40px 136px #00d164,48px 136px #00d164,56px 136px #00d164,64px 136px #00d164,72px 136px #00a651,80px 136px #000,16px 144px #000,24px 144px #00a651,32px 144px #00d164,40px 144px #00d164,48px 144px #00d164,56px 144px #00d164,64px 144px #00d164,72px 144px #00a651,80px 144px #000,16px 152px #000,24px 152px #00a651,32px 152px #00d164,40px 152px #00d164,48px 152px #00d164,56px 152px #00d164,64px 152px #00d164,72px 152px #00a651,80px 152px #000,16px 160px #000,24px 160px #00a651,32px 160px #00d164,40px 160px #00d164,48px 160px #00d164,56px 160px #00d164,64px 160px #00d164,72px 160px #00a651,80px 160px #000,16px 168px #000,24px 168px #00a651,32px 168px #00d164,40px 168px #00d164,48px 168px #00d164,56px 168px #00d164,64px 168px #00d164,72px 168px #00a651,80px 168px #000,16px 176px #000,24px 176px #00a651,32px 176px #00d164,40px 176px #00d164,48px 176px #00d164,56px 176px #00d164,64px 176px #00d164,72px 176px #00a651,80px 176px #000,16px 184px #000,24px 184px #00a651,32px 184px #00d164,40px 184px #00d164,48px 184px #00d164,56px 184px #00d164,64px 184px #00d164,72px 184px #00a651,80px 184px #000,16px 192px #000,24px 192px #00a651,32px 192px #00d164,40px 192px #00d164,48px 192px #00d164,56px 192px #00d164,64px 192px #00d164,72px 192px #00a651,80px 192px #000,16px 200px #000,24px 200px #00a651,32px 200px #00d164,40px 200px #00d164,48px 200px #00d164,56px 200px #00d164,64px 200px #00d164,72px 200px #00a651,80px 200px #000,16px 208px #000,24px 208px #00a651,32px 208px #00d164,40px 208px #00d164,48px 208px #00d164,56px 208px #00d164,64px 208px #00d164,72px 208px #00a651,80px 208px #000,16px 216px #000,24px 216px #00a651,32px 216px #00d164,40px 216px #00d164,48px 216px #00d164,56px 216px #00d164,64px 216px #00d164,72px 216px #00a651,80px 216px #000,16px 224px #000,24px 224px #00a651,32px 224px #00d164,40px 224px #00d164,48px 224px #00d164,56px 224px #00d164,64px 224px #00d164,72px 224px #00a651,80px 224px #000,16px 232px #000,24px 232px #00a651,32px 232px #00d164,40px 232px #00d164,48px 232px #00d164,56px 232px #00d164,64px 232px #00d164,72px 232px #00a651,80px 232px #000,16px 240px #000,24px 240px #00a651,32px 240px #00d164,40px 240px #00d164,48px 240px #00d164,56px 240px #00d164,64px 240px #00d164,72px 240px #00a651,80px 240px #000,16px 248px #000,24px 248px #00a651,32px 248px #00d164,40px 248px #00d164,48px 248px #00d164,56px 248px #00d164,64px 248px #00d164,72px 248px #00a651,80px 248px #000,16px 256px #000,24px 256px #00a651,32px 256px #00d164,40px 256px #00d164,48px 256px #00d164,56px 256px #00d164,64px 256px #00d164,72px 256px #00a651,80px 256px #000,16px 264px #000,24px 264px #00a651,32px 264px #00d164,40px 264px #00d164,48px 264px #00d164,56px 264px #00d164,64px 264px #00d164,72px 264px #00a651,80px 264px #000,16px 272px #000,24px 272px #00a651,32px 272px #00d164,40px 272px #00d164,48px 272px #00d164,56px 272px #00d164,64px 272px #00d164,72px 272px #00a651,80px 272px #000}.top-pipe{top:var(--nav-total-height);z-index:998;pointer-events:none;width:96px;height:96px;image-rendering:pixelated;position:fixed;right:40px;overflow:hidden}.top-pipe:before{content:"";background:#00a651;width:8px;height:8px;position:absolute;top:-56px;box-shadow:16px 0 #000,24px 0 #00a651,32px 0 #00a651,40px 0 #00a651,48px 0 #00a651,56px 0 #00a651,64px 0 #00a651,72px 0 #00a651,80px 0 #000,16px 8px #000,24px 8px #00a651,32px 8px #00d164,40px 8px #00d164,48px 8px #00d164,56px 8px #00d164,64px 8px #00d164,72px 8px #00a651,80px 8px #000,16px 16px #000,24px 16px #00a651,32px 16px #00d164,40px 16px #00d164,48px 16px #00d164,56px 16px #00d164,64px 16px #00d164,72px 16px #00a651,80px 16px #000,16px 24px #000,24px 24px #00a651,32px 24px #00d164,40px 24px #00d164,48px 24px #00d164,56px 24px #00d164,64px 24px #00d164,72px 24px #00a651,80px 24px #000,16px 32px #000,24px 32px #00a651,32px 32px #00d164,40px 32px #00d164,48px 32px #00d164,56px 32px #00d164,64px 32px #00d164,72px 32px #00a651,80px 32px #000,16px 40px #000,24px 40px #00a651,32px 40px #00d164,40px 40px #00d164,48px 40px #00d164,56px 40px #00d164,64px 40px #00d164,72px 40px #00a651,80px 40px #000,16px 48px #000,24px 48px #00a651,32px 48px #00d164,40px 48px #00d164,48px 48px #00d164,56px 48px #00d164,64px 48px #00d164,72px 48px #00a651,80px 48px #000,16px 56px #000,24px 56px #00a651,32px 56px #00d164,40px 56px #00d164,48px 56px #00d164,56px 56px #00d164,64px 56px #00d164,72px 56px #00a651,80px 56px #000,16px 64px #000,24px 64px #00a651,32px 64px #00d164,40px 64px #00d164,48px 64px #00d164,56px 64px #00d164,64px 64px #00d164,72px 64px #00a651,80px 64px #000,16px 72px #000,24px 72px #00a651,32px 72px #00d164,40px 72px #00d164,48px 72px #00d164,56px 72px #00d164,64px 72px #00d164,72px 72px #00a651,80px 72px #000,16px 80px #000,24px 80px #00a651,32px 80px #00d164,40px 80px #00d164,48px 80px #00d164,56px 80px #00d164,64px 80px #00d164,72px 80px #00a651,80px 80px #000,16px 88px #000,24px 88px #00a651,32px 88px #00d164,40px 88px #00d164,48px 88px #00d164,56px 88px #00d164,64px 88px #00d164,72px 88px #00a651,80px 88px #000,16px 96px #000,24px 96px #00a651,32px 96px #00d164,40px 96px #00d164,48px 96px #00d164,56px 96px #00d164,64px 96px #00d164,72px 96px #00a651,80px 96px #000,16px 104px #000,24px 104px #00a651,32px 104px #00d164,40px 104px #00d164,48px 104px #00d164,56px 104px #00d164,64px 104px #00d164,72px 104px #00a651,80px 104px #000,16px 112px #000,24px 112px #00a651,32px 112px #00d164,40px 112px #00d164,48px 112px #00d164,56px 112px #00d164,64px 112px #00d164,72px 112px #00a651,80px 112px #000,16px 120px #000,24px 120px #00a651,32px 120px #00d164,40px 120px #00d164,48px 120px #00d164,56px 120px #00d164,64px 120px #00d164,72px 120px #00a651,80px 120px #000,0 128px #000,8px 128px #00a651,16px 128px #00d164,24px 128px #00d164,32px 128px #00d164,40px 128px #00d164,48px 128px #00d164,56px 128px #00d164,64px 128px #00d164,72px 128px #00d164,80px 128px #00a651,88px 128px #000,0 136px #000,8px 136px #00a651,16px 136px #00a651,24px 136px #00a651,32px 136px #00a651,40px 136px #00a651,48px 136px #00a651,56px 136px #00a651,64px 136px #00a651,72px 136px #00a651,80px 136px #00a651,88px 136px #000,0 144px #000,8px 144px #000,16px 144px #000,24px 144px #000,32px 144px #000,40px 144px #000,48px 144px #000,56px 144px #000,64px 144px #000,72px 144px #000,80px 144px #000,88px 144px #000}[data-theme=dark] body:after{background:repeating-linear-gradient(90deg,#4a2511 0 60px,#000 60px 64px,#5c2e16 64px 124px,#000 124px 128px)}[data-theme=dark] body{background-color:#0000;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000),radial-gradient(1px 1px at 15% 60%,#fff,#0000),linear-gradient(#0a0a1a 0%,#16213e 50%,#0f0f1e 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat;background-size:200% 200%,200% 200%,200% 200%,200% 200%,200% 200%,200% 200%,200% 200%,100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box}[data-theme=dark] body:before{background-image:none}[data-theme=dark] .cloud:before{background:#4a4a5a;box-shadow:24px 0 #4a4a5a,32px 0 #4a4a5a,40px 0 #4a4a5a,48px 0 #4a4a5a,56px 0 #4a4a5a,64px 0 #4a4a5a,72px 0 #4a4a5a,16px 8px #4a4a5a,24px 8px #4a4a5a,32px 8px #4a4a5a,40px 8px #4a4a5a,48px 8px #4a4a5a,56px 8px #4a4a5a,64px 8px #4a4a5a,72px 8px #4a4a5a,80px 8px #4a4a5a,8px 16px #4a4a5a,16px 16px #4a4a5a,24px 16px #4a4a5a,32px 16px #4a4a5a,40px 16px #4a4a5a,48px 16px #4a4a5a,56px 16px #4a4a5a,64px 16px #4a4a5a,72px 16px #4a4a5a,80px 16px #4a4a5a,88px 16px #4a4a5a,0 24px #4a4a5a,8px 24px #4a4a5a,16px 24px #4a4a5a,24px 24px #4a4a5a,32px 24px #4a4a5a,40px 24px #4a4a5a,48px 24px #4a4a5a,56px 24px #4a4a5a,64px 24px #4a4a5a,72px 24px #4a4a5a,80px 24px #4a4a5a,88px 24px #4a4a5a,96px 24px #4a4a5a,0 32px #4a4a5a,8px 32px #4a4a5a,16px 32px #4a4a5a,24px 32px #4a4a5a,32px 32px #4a4a5a,40px 32px #4a4a5a,48px 32px #4a4a5a,56px 32px #4a4a5a,64px 32px #4a4a5a,72px 32px #4a4a5a,80px 32px #4a4a5a,88px 32px #4a4a5a,8px 40px #4a4a5a,16px 40px #4a4a5a,24px 40px #4a4a5a,32px 40px #4a4a5a,40px 40px #4a4a5a,48px 40px #4a4a5a,56px 40px #4a4a5a,64px 40px #4a4a5a,72px 40px #4a4a5a,80px 40px #4a4a5a}[data-theme=dark] .cluster-cloud.cloud-small:before{background:#4a4a5a;box-shadow:42px 0 #4a4a5a,56px 0 #4a4a5a,70px 0 #4a4a5a,84px 0 #4a4a5a,98px 0 #4a4a5a,112px 0 #4a4a5a,28px 14px #4a4a5a,42px 14px #4a4a5a,56px 14px #4a4a5a,70px 14px #4a4a5a,84px 14px #4a4a5a,98px 14px #4a4a5a,112px 14px #4a4a5a,126px 14px #4a4a5a,14px 28px #4a4a5a,28px 28px #4a4a5a,42px 28px #4a4a5a,56px 28px #4a4a5a,70px 28px #4a4a5a,84px 28px #4a4a5a,98px 28px #4a4a5a,112px 28px #4a4a5a,126px 28px #4a4a5a,140px 28px #4a4a5a,0 42px #4a4a5a,14px 42px #4a4a5a,28px 42px #4a4a5a,42px 42px #4a4a5a,56px 42px #4a4a5a,70px 42px #4a4a5a,84px 42px #4a4a5a,98px 42px #4a4a5a,112px 42px #4a4a5a,126px 42px #4a4a5a,140px 42px #4a4a5a,154px 42px #4a4a5a,0 56px #4a4a5a,14px 56px #4a4a5a,28px 56px #4a4a5a,42px 56px #4a4a5a,56px 56px #4a4a5a,70px 56px #4a4a5a,84px 56px #4a4a5a,98px 56px #4a4a5a,112px 56px #4a4a5a,126px 56px #4a4a5a,140px 56px #4a4a5a,14px 70px #4a4a5a,28px 70px #4a4a5a,42px 70px #4a4a5a,56px 70px #4a4a5a,70px 70px #4a4a5a,84px 70px #4a4a5a,98px 70px #4a4a5a,112px 70px #4a4a5a,126px 70px #4a4a5a}[data-theme=dark] .cluster-cloud.cloud-medium:before{background:#4a4a5a;box-shadow:48px 0 #4a4a5a,64px 0 #4a4a5a,80px 0 #4a4a5a,96px 0 #4a4a5a,112px 0 #4a4a5a,128px 0 #4a4a5a,144px 0 #4a4a5a,32px 16px #4a4a5a,48px 16px #4a4a5a,64px 16px #4a4a5a,80px 16px #4a4a5a,96px 16px #4a4a5a,112px 16px #4a4a5a,128px 16px #4a4a5a,144px 16px #4a4a5a,160px 16px #4a4a5a,16px 32px #4a4a5a,32px 32px #4a4a5a,48px 32px #4a4a5a,64px 32px #4a4a5a,80px 32px #4a4a5a,96px 32px #4a4a5a,112px 32px #4a4a5a,128px 32px #4a4a5a,144px 32px #4a4a5a,160px 32px #4a4a5a,176px 32px #4a4a5a,0 48px #4a4a5a,16px 48px #4a4a5a,32px 48px #4a4a5a,48px 48px #4a4a5a,64px 48px #4a4a5a,80px 48px #4a4a5a,96px 48px #4a4a5a,112px 48px #4a4a5a,128px 48px #4a4a5a,144px 48px #4a4a5a,160px 48px #4a4a5a,176px 48px #4a4a5a,192px 48px #4a4a5a,0 64px #4a4a5a,16px 64px #4a4a5a,32px 64px #4a4a5a,48px 64px #4a4a5a,64px 64px #4a4a5a,80px 64px #4a4a5a,96px 64px #4a4a5a,112px 64px #4a4a5a,128px 64px #4a4a5a,144px 64px #4a4a5a,160px 64px #4a4a5a,176px 64px #4a4a5a,16px 80px #4a4a5a,32px 80px #4a4a5a,48px 80px #4a4a5a,64px 80px #4a4a5a,80px 80px #4a4a5a,96px 80px #4a4a5a,112px 80px #4a4a5a,128px 80px #4a4a5a,144px 80px #4a4a5a,160px 80px #4a4a5a}[data-theme=dark] .cluster-cloud.cloud-large:before{background:#4a4a5a;box-shadow:54px 0 #4a4a5a,72px 0 #4a4a5a,90px 0 #4a4a5a,108px 0 #4a4a5a,126px 0 #4a4a5a,144px 0 #4a4a5a,162px 0 #4a4a5a,180px 0 #4a4a5a,36px 18px #4a4a5a,54px 18px #4a4a5a,72px 18px #4a4a5a,90px 18px #4a4a5a,108px 18px #4a4a5a,126px 18px #4a4a5a,144px 18px #4a4a5a,162px 18px #4a4a5a,180px 18px #4a4a5a,198px 18px #4a4a5a,18px 36px #4a4a5a,36px 36px #4a4a5a,54px 36px #4a4a5a,72px 36px #4a4a5a,90px 36px #4a4a5a,108px 36px #4a4a5a,126px 36px #4a4a5a,144px 36px #4a4a5a,162px 36px #4a4a5a,180px 36px #4a4a5a,198px 36px #4a4a5a,216px 36px #4a4a5a,0 54px #4a4a5a,18px 54px #4a4a5a,36px 54px #4a4a5a,54px 54px #4a4a5a,72px 54px #4a4a5a,90px 54px #4a4a5a,108px 54px #4a4a5a,126px 54px #4a4a5a,144px 54px #4a4a5a,162px 54px #4a4a5a,180px 54px #4a4a5a,198px 54px #4a4a5a,216px 54px #4a4a5a,234px 54px #4a4a5a,0 72px #4a4a5a,18px 72px #4a4a5a,36px 72px #4a4a5a,54px 72px #4a4a5a,72px 72px #4a4a5a,90px 72px #4a4a5a,108px 72px #4a4a5a,126px 72px #4a4a5a,144px 72px #4a4a5a,162px 72px #4a4a5a,180px 72px #4a4a5a,198px 72px #4a4a5a,216px 72px #4a4a5a,18px 90px #4a4a5a,36px 90px #4a4a5a,54px 90px #4a4a5a,72px 90px #4a4a5a,90px 90px #4a4a5a,108px 90px #4a4a5a,126px 90px #4a4a5a,144px 90px #4a4a5a,162px 90px #4a4a5a,180px 90px #4a4a5a,198px 90px #4a4a5a}[data-theme=dark] .cluster-cloud.cloud-xlarge:before{background:#4a4a5a;box-shadow:60px 0 #4a4a5a,80px 0 #4a4a5a,100px 0 #4a4a5a,120px 0 #4a4a5a,140px 0 #4a4a5a,160px 0 #4a4a5a,180px 0 #4a4a5a,200px 0 #4a4a5a,220px 0 #4a4a5a,40px 20px #4a4a5a,60px 20px #4a4a5a,80px 20px #4a4a5a,100px 20px #4a4a5a,120px 20px #4a4a5a,140px 20px #4a4a5a,160px 20px #4a4a5a,180px 20px #4a4a5a,200px 20px #4a4a5a,220px 20px #4a4a5a,240px 20px #4a4a5a,20px 40px #4a4a5a,40px 40px #4a4a5a,60px 40px #4a4a5a,80px 40px #4a4a5a,100px 40px #4a4a5a,120px 40px #4a4a5a,140px 40px #4a4a5a,160px 40px #4a4a5a,180px 40px #4a4a5a,200px 40px #4a4a5a,220px 40px #4a4a5a,240px 40px #4a4a5a,260px 40px #4a4a5a,0 60px #4a4a5a,20px 60px #4a4a5a,40px 60px #4a4a5a,60px 60px #4a4a5a,80px 60px #4a4a5a,100px 60px #4a4a5a,120px 60px #4a4a5a,140px 60px #4a4a5a,160px 60px #4a4a5a,180px 60px #4a4a5a,200px 60px #4a4a5a,220px 60px #4a4a5a,240px 60px #4a4a5a,260px 60px #4a4a5a,280px 60px #4a4a5a,0 80px #4a4a5a,20px 80px #4a4a5a,40px 80px #4a4a5a,60px 80px #4a4a5a,80px 80px #4a4a5a,100px 80px #4a4a5a,120px 80px #4a4a5a,140px 80px #4a4a5a,160px 80px #4a4a5a,180px 80px #4a4a5a,200px 80px #4a4a5a,220px 80px #4a4a5a,240px 80px #4a4a5a,260px 80px #4a4a5a,20px 100px #4a4a5a,40px 100px #4a4a5a,60px 100px #4a4a5a,80px 100px #4a4a5a,100px 100px #4a4a5a,120px 100px #4a4a5a,140px 100px #4a4a5a,160px 100px #4a4a5a,180px 100px #4a4a5a,200px 100px #4a4a5a,220px 100px #4a4a5a,240px 100px #4a4a5a}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2;position:relative}h1{font-size:var(--text-4xl);text-shadow:3px 3px #000,5px 5px #0000004d;color:#fff}h2{font-size:var(--text-3xl);text-shadow:3px 3px #000,5px 5px #0000004d;padding-bottom:var(--space-2);color:#fff;display:inline-block}h3{font-size:var(--text-2xl);color:#fff;text-shadow:2px 2px #000,4px 4px #0000004d}h4{font-size:var(--text-xl);text-shadow:2px 2px #000,3px 3px #0003;color:#fff}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{font-size:var(--text-sm);line-height:1.8}a{color:var(--color-accent);transition:color var(--duration-fast)var(--ease-smooth);text-decoration:none}a:hover{color:var(--color-accent-hover)}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-9)0;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000 0%,#ffffff0d 50%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.section>*{z-index:1;position:relative}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.btn{padding:var(--space-3)var(--space-5);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-sm);cursor:pointer;text-shadow:2px 2px #000,3px 3px #0000004d;border:3px solid #000;transition:all .1s;display:inline-block;box-shadow:4px 4px #000,6px 6px #0000004d}.btn:hover{background-color:var(--color-mario-yellow);color:#000;text-shadow:1px 1px #0003,2px 2px #0000001a;border-color:#000;transform:translate(2px,2px);box-shadow:2px 2px #000,3px 3px #0000004d}.btn:active{box-shadow:none;transform:translate(4px,4px)}.btn-outline{color:var(--color-accent);text-shadow:1px 1px #0003,2px 2px #0000001a;background-color:#fff}.btn-outline:hover{background-color:var(--color-mario-yellow);color:#000;text-shadow:1px 1px #0003,2px 2px #0000001a}.btn-3d{border:3px solid #000;transition:all .1s;position:relative;overflow:hidden;box-shadow:4px 4px #000,6px 6px #0000004d}.btn-3d:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-3d:hover:before{left:100%}.btn-3d:hover{background-color:var(--color-mario-yellow);color:#000;transform:translate(2px,2px);box-shadow:2px 2px #000,3px 3px #0000004d}.btn-3d:active{box-shadow:none;transform:translate(4px,4px)}.btn-outline.btn-3d{color:var(--color-accent);background-color:#fff;border:3px solid #000;box-shadow:4px 4px #000,6px 6px #0000004d}.btn-outline.btn-3d:hover{background-color:var(--color-mario-yellow);color:#000;box-shadow:2px 2px #000,3px 3px #0000004d}[data-theme=dark] .btn-3d{box-shadow:4px 4px 0 var(--color-accent),6px 6px 0 #e5252166}[data-theme=dark] .btn-3d:hover{box-shadow:2px 2px 0 var(--color-accent),3px 3px 0 #e5252166}[data-theme=dark] .btn-3d:active{box-shadow:none}[data-theme=dark] .btn-outline.btn-3d{box-shadow:4px 4px 0 var(--color-accent),6px 6px 0 #e525214d}[data-theme=dark] .btn-outline.btn-3d:hover{box-shadow:2px 2px 0 var(--color-accent),3px 3px 0 #e525214d;background-color:var(--color-mario-yellow);color:#000}[data-theme=dark] .btn-outline.btn-3d:active{box-shadow:none}.card{background:linear-gradient(135deg,var(--color-surface)0%,#fffef0 100%);border-radius:var(--radius-md);padding:var(--space-5);border:4px solid #000;transition:all .15s;position:relative;overflow:hidden;box-shadow:4px 4px #000}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffd70033,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.card:hover:before{left:100%}.card:hover{border-color:var(--color-mario-yellow);transform:translate(2px,2px);box-shadow:2px 2px #000,3px 3px #0003}.card:active{box-shadow:none;transform:translate(4px,4px)}[data-theme=dark] .card{background:linear-gradient(135deg,var(--color-surface)0%,#e525210d 100%)}[data-theme=dark] .card:before{background:linear-gradient(90deg,#0000,#e525211a,#0000)}[data-theme=dark] .card:hover{box-shadow:2px 2px 0 var(--color-accent),3px 3px 0 #e525214d}[data-theme=dark] .card:active{box-shadow:none}.nav{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);transition:all var(--duration-normal)var(--ease-smooth);padding:var(--space-4)0;background:linear-gradient(135deg,#00a651f2 0%,#008741f2 100%);border-bottom:4px solid #000;position:fixed;top:0;left:0;right:0;box-shadow:0 4px #000}[data-theme=dark] .nav{border-bottom:4px solid var(--color-accent);box-shadow:0 4px 0 var(--color-accent);background:linear-gradient(135deg,#1a1a2ef2 0%,#0f0f1ef2 100%)}.nav-container{max-width:1200px;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-size:var(--text-lg);color:#fff;transition:all var(--duration-fast)var(--ease-smooth);text-shadow:2px 2px #000;font-weight:700}.nav-logo:hover{color:var(--color-mario-yellow);transform:scale(1.05)}.nav-menu{gap:var(--space-6);align-items:center;list-style:none;display:flex}.nav-link{color:#fff;font-size:var(--text-xs);padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);transition:all var(--duration-fast)var(--ease-smooth);text-shadow:1px 1px #000;position:relative}.nav-link:hover{color:var(--color-mario-yellow);background-color:#0003}.nav-link.active{color:var(--color-mario-yellow)}.nav-link.active:after{content:"";background-color:var(--color-mario-yellow);height:3px;position:absolute;bottom:-2px;left:0;right:0}.featured-projects-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.featured-project-card{border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;animation:slideUp .6s var(--ease-smooth)backwards;background:linear-gradient(135deg,#fff 0%,#fffef0 100%);border:4px solid #000;transition:all .15s;position:relative;overflow:hidden;box-shadow:6px 6px #000}.featured-project-card:after{content:"";opacity:0;background:conic-gradient(#0000,#ffd7004d,#0000);width:200%;height:200%;transition:opacity .5s;animation:4s linear infinite rotate;position:absolute;top:-50%;right:-50%}.featured-project-card:hover:after{opacity:1}.featured-project-card:hover{border-color:var(--color-mario-yellow);transform:translate(3px,3px);box-shadow:3px 3px #000,4px 4px #0003}.featured-project-card:active{box-shadow:none;transform:translate(6px,6px)}[data-theme=dark] .featured-project-card{background:linear-gradient(135deg,var(--color-surface)0%,#1a1a1acc 100%);box-shadow:6px 6px 0 var(--color-accent)}[data-theme=dark] .featured-project-card:hover{box-shadow:3px 3px 0 var(--color-accent),4px 4px 0 #e525214d}[data-theme=dark] .featured-project-card:active{box-shadow:none}.featured-project-glow{background:radial-gradient(circle,var(--project-color,var(--color-accent))0%,transparent 70%);opacity:0;width:200%;height:200%;transition:opacity var(--duration-slow)var(--ease-smooth);pointer-events:none;position:absolute;top:-50%;left:-50%}.featured-project-card:hover .featured-project-glow{opacity:.1}.featured-project-content{z-index:1;position:relative}.featured-project-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.featured-project-icon{width:60px;height:60px;transition:all var(--duration-normal)var(--ease-bounce);justify-content:center;align-items:center;display:flex}.featured-project-card:hover .featured-project-icon{transform:scale(1.1)}.featured-project-title{font-size:var(--text-xl);color:var(--color-text);margin:0}.featured-project-description{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.8}.featured-project-tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.featured-project-tag{font-size:var(--text-xs);padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);color:#000;transition:all var(--duration-fast)var(--ease-smooth);background-color:#fff;border:2px solid #000;box-shadow:2px 2px #000}.featured-project-card:hover .featured-project-tag{background-color:var(--color-mario-yellow);color:#000;border-color:#000;transform:translateY(-2px);box-shadow:3px 3px #000}[data-theme=dark] .featured-project-tag{color:#000;background-color:#fff;border-color:#000}.featured-project-arrow{font-size:var(--text-xl);color:var(--color-accent);transition:all var(--duration-normal)var(--ease-smooth);display:inline-block}.featured-project-card:hover .featured-project-arrow{color:var(--project-color,var(--color-accent));transform:translate(8px)}.tech-tag,.tag{padding:var(--space-2)var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);border:3px solid #000;transition:all .15s;display:inline-block;box-shadow:3px 3px #000}.tech-tag:hover,.tag:hover{background-color:var(--color-mario-yellow);color:#000;border-color:#000;transform:translate(1.5px,1.5px);box-shadow:1.5px 1.5px #000}.tech-tag:active,.tag:active{box-shadow:none;transform:translate(3px,3px)}.projects-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.project-card{border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(135deg,#fff 0%,#fffef0 100%);border:4px solid #000;transition:all .15s;position:relative;overflow:hidden;box-shadow:5px 5px #000}.project-card:before{content:"";background:linear-gradient(90deg,var(--color-mario-red),var(--color-mario-yellow),var(--color-green-pipe),var(--color-mario-red));opacity:0;background-size:200% 100%;height:6px;transition:opacity .3s;animation:3s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.project-card:hover:before{opacity:1}.project-card:hover{border-color:var(--color-mario-yellow);transform:translate(2.5px,2.5px);box-shadow:2.5px 2.5px #000,3.5px 3.5px #0003}.project-card:active{box-shadow:none;transform:translate(5px,5px)}[data-theme=dark] .project-card{background:linear-gradient(135deg,var(--color-surface)0%,#1a1a1acc 100%);box-shadow:5px 5px 0 var(--color-accent)}[data-theme=dark] .project-card:hover{box-shadow:2.5px 2.5px 0 var(--color-accent),3.5px 3.5px 0 #e525214d}[data-theme=dark] .project-card:active{box-shadow:none}.timeline{max-width:800px;margin:var(--space-6)auto;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,var(--color-mario-green),var(--color-mario-yellow),var(--color-mario-blue));border-left:2px solid #000;border-right:2px solid #000;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{margin-bottom:var(--space-8);cursor:pointer;position:relative}.timeline-dot{z-index:10;width:32px;height:32px;transition:all var(--duration-normal)var(--ease-smooth);image-rendering:pixelated;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-dot:before{content:"";background:gold;width:4px;height:4px;position:absolute;box-shadow:4px 0 gold,8px 0 gold,12px 0 gold,16px 0 gold,20px 0 gold,24px 0 gold,0 4px gold,4px 4px #ffb700,8px 4px #ffb700,12px 4px #ffb700,16px 4px #ffb700,20px 4px #ffb700,24px 4px #ffb700,28px 4px gold,0 8px gold,4px 8px #ffb700,8px 8px #000,12px 8px #000,16px 8px #000,20px 8px #ffb700,24px 8px #ffb700,28px 8px gold,0 12px gold,4px 12px #ffb700,8px 12px #000,12px 12px #ffb700,16px 12px #ffb700,20px 12px #000,24px 12px #ffb700,28px 12px gold,0 16px gold,4px 16px #ffb700,8px 16px #000,12px 16px #000,16px 16px #000,20px 16px #ffb700,24px 16px #ffb700,28px 16px gold,0 20px gold,4px 20px #ffb700,8px 20px #ffb700,12px 20px #ffb700,16px 20px #ffb700,20px 20px #ffb700,24px 20px #ffb700,28px 20px gold,4px 24px gold,8px 24px gold,12px 24px gold,16px 24px gold,20px 24px gold,24px 24px gold}.timeline-item:hover .timeline-dot{animation:1s linear infinite coin-spin}.timeline-content{width:calc(50% - 40px);padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg,#fff 0%,#fffef0 100%);border:4px solid #000;transition:all .15s;position:relative;overflow:hidden;box-shadow:4px 4px #000}.timeline-content:before{content:"";background:linear-gradient(180deg,var(--color-mario-red),var(--color-mario-yellow),var(--color-green-pipe));opacity:0;width:6px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.timeline-content:hover:before{opacity:1}.timeline-item:nth-child(odd) .timeline-content{margin-left:auto}.timeline-content:hover{border-color:var(--color-mario-yellow);transform:translate(2px,2px);box-shadow:2px 2px #000,3px 3px #0003}.timeline-content:active{box-shadow:none;transform:translate(4px,4px)}[data-theme=dark] .timeline-content{background:linear-gradient(135deg,var(--color-surface)0%,#1a1a1acc 100%);box-shadow:4px 4px 0 var(--color-accent)}[data-theme=dark] .timeline-content:hover{box-shadow:2px 2px 0 var(--color-accent),3px 3px 0 #e525214d}[data-theme=dark] .timeline-content:active{box-shadow:none}.hero{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:2;pointer-events:none;background-color:#5c94fc;width:100vw;height:100vh;position:fixed;top:0;left:0}[data-theme=dark] .hero-overlay{background:linear-gradient(#0a0a1a 0%,#16213e 50%,#0f0f1e 100%)}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);width:600px;height:600px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .hero:before{background:radial-gradient(circle,#00a65133 0%,#0000 70%)}.hero-title-3d{text-shadow:4px 4px 0 #000,6px 6px 0 var(--color-mario-green);letter-spacing:2px;color:var(--color-mario-yellow);filter:drop-shadow(0 0 20px #ffd700cc);transition:all .3s;animation:6s ease-in-out infinite float-title}.hero-title-3d:hover{text-shadow:5px 5px 0 #000,8px 8px 0 var(--color-mario-green);filter:drop-shadow(0 0 30px gold);animation-play-state:paused;transform:translate(-2px,-2px)scale(1.02)}[data-theme=dark] .hero-title-3d{text-shadow:4px 4px 0 #000,6px 6px 0 var(--color-mario-green);color:var(--color-mario-yellow);filter:drop-shadow(0 0 25px #ffd700e6)}[data-theme=dark] .hero-title-3d:hover{text-shadow:5px 5px 0 #000,8px 8px 0 var(--color-mario-green);filter:drop-shadow(0 0 35px gold)}.particles{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{display:none}.theme-toggle{bottom:6px;right:var(--space-6);z-index:1001;background-color:var(--color-mario-yellow);border-radius:var(--radius-sm);cursor:pointer;width:48px;height:48px;transition:all var(--duration-normal)var(--ease-smooth);color:#000;border:3px solid #000;justify-content:center;align-items:center;display:flex;position:fixed}.theme-toggle:hover{background-color:var(--color-accent);color:#fff;border-color:#000}.theme-toggle-3d{box-shadow:3px 3px #000,5px 5px #0003}.theme-toggle-3d:hover{transform:translate(2px,2px);box-shadow:1px 1px #000,2px 2px #0003}.theme-toggle-3d:active{box-shadow:none;transform:translate(3px,3px)}[data-theme=dark] .theme-toggle-3d{box-shadow:3px 3px 0 var(--color-accent),5px 5px 0 #e525214d}[data-theme=dark] .theme-toggle-3d:hover{box-shadow:1px 1px 0 var(--color-accent),2px 2px 0 #e525214d}.theme-icon{width:24px;height:24px}.social-link-3d{position:relative;overflow:hidden;box-shadow:4px 4px #000,6px 6px #0003;background:linear-gradient(135deg,#fff 0%,#fffef0 100%)!important;border:3px solid #000!important;transition:all .15s!important}.social-link-3d:after{content:"";background:radial-gradient(circle,#ffd7004d 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.social-link-3d:hover:after{width:200px;height:200px}.social-link-3d:hover{box-shadow:2px 2px #000,3px 3px #0003;border-color:var(--color-mario-yellow)!important;transform:translate(2px,2px)!important}.social-link-3d:active{box-shadow:none;transform:translate(4px,4px)!important}[data-theme=dark] .social-link-3d{box-shadow:4px 4px 0 var(--color-accent),6px 6px 0 #e525214d;background:linear-gradient(135deg,var(--color-surface)0%,#1a1a1acc 100%)!important}[data-theme=dark] .social-link-3d:after{background:radial-gradient(circle,#e5252133 0%,#0000 70%)}[data-theme=dark] .social-link-3d:hover{box-shadow:2px 2px 0 var(--color-accent),3px 3px 0 #e525214d}[data-theme=dark] .social-link-3d:active{box-shadow:none}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}@keyframes float-title{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes coin-spin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.3)}}@keyframes star-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.pixel-coin{width:48px;height:48px;image-rendering:pixelated;position:relative}.pixel-coin:before{content:"";background:gold;width:6px;height:6px;position:absolute;box-shadow:6px 0 #8b6914,12px 0 #8b6914,18px 0 #8b6914,24px 0 #8b6914,30px 0 #8b6914,36px 0 #8b6914,0 6px #8b6914,6px 6px gold,12px 6px gold,18px 6px gold,24px 6px gold,30px 6px gold,36px 6px gold,42px 6px #8b6914,0 12px #8b6914,6px 12px gold,12px 12px #8b6914,18px 12px #8b6914,24px 12px #8b6914,30px 12px #8b6914,36px 12px gold,42px 12px #8b6914,0 18px #8b6914,6px 18px gold,12px 18px #8b6914,18px 18px gold,24px 18px #8b6914,30px 18px gold,36px 18px gold,42px 18px #8b6914,0 24px #8b6914,6px 24px gold,12px 24px #8b6914,18px 24px #8b6914,24px 24px #8b6914,30px 24px #8b6914,36px 24px gold,42px 24px #8b6914,0 30px #8b6914,6px 30px gold,12px 30px gold,18px 30px #8b6914,24px 30px gold,30px 30px #8b6914,36px 30px gold,42px 30px #8b6914,0 36px #8b6914,6px 36px gold,12px 36px #8b6914,18px 36px #8b6914,24px 36px #8b6914,30px 36px #8b6914,36px 36px gold,42px 36px #8b6914,6px 42px #8b6914,12px 42px #8b6914,18px 42px #8b6914,24px 42px #8b6914,30px 42px #8b6914,36px 42px #8b6914}.pixel-computer{width:48px;height:48px;image-rendering:pixelated;position:relative}.pixel-computer:before{content:"";background:#000;width:6px;height:6px;position:absolute;box-shadow:0 0 #000,6px 0 #000,12px 0 #000,18px 0 #000,24px 0 #000,30px 0 #000,36px 0 #000,42px 0 #000,0 6px #000,6px 6px #00ced1,12px 6px #00ced1,18px 6px #00ced1,24px 6px #00ced1,30px 6px #00ced1,36px 6px #00ced1,42px 6px #000,0 12px #000,6px 12px #00ced1,12px 12px #87ceeb,18px 12px #87ceeb,24px 12px #87ceeb,30px 12px #87ceeb,36px 12px #00ced1,42px 12px #000,0 18px #000,6px 18px #00ced1,12px 18px #87ceeb,18px 18px #87ceeb,24px 18px #87ceeb,30px 18px #87ceeb,36px 18px #00ced1,42px 18px #000,0 24px #000,6px 24px #00ced1,12px 24px #00ced1,18px 24px #00ced1,24px 24px #00ced1,30px 24px #00ced1,36px 24px #00ced1,42px 24px #000,0 30px #000,6px 30px #000,12px 30px #000,18px 30px #000,24px 30px #000,30px 30px #000,36px 30px #000,42px 30px #000,18px 36px gray,24px 36px gray,12px 42px gray,18px 42px gray,24px 42px gray,30px 42px gray}.pixel-book{width:48px;height:48px;image-rendering:pixelated;position:relative}.pixel-book:before{content:"";background:#8b4513;width:6px;height:6px;position:absolute;box-shadow:6px 0 #8b4513,12px 0 #8b4513,18px 0 #8b4513,24px 0 #8b4513,30px 0 #8b4513,36px 0 #8b4513,0 6px #8b4513,6px 6px #d2691e,12px 6px #d2691e,18px 6px #d2691e,24px 6px #d2691e,30px 6px #d2691e,36px 6px #8b4513,42px 6px #8b4513,0 12px #8b4513,6px 12px #d2691e,12px 12px gold,18px 12px gold,24px 12px #d2691e,30px 12px #d2691e,36px 12px #8b4513,42px 12px #fff,0 18px #8b4513,6px 18px #d2691e,12px 18px gold,18px 18px gold,24px 18px #d2691e,30px 18px #d2691e,36px 18px #8b4513,42px 18px #fff,0 24px #8b4513,6px 24px #d2691e,12px 24px #d2691e,18px 24px #d2691e,24px 24px #d2691e,30px 24px #d2691e,36px 24px #8b4513,42px 24px #fff,0 30px #8b4513,6px 30px #d2691e,12px 30px #d2691e,18px 30px #d2691e,24px 30px #d2691e,30px 30px #d2691e,36px 30px #8b4513,42px 30px #fff,0 36px #8b4513,6px 36px #d2691e,12px 36px #d2691e,18px 36px #d2691e,24px 36px #d2691e,30px 36px #d2691e,36px 36px #8b4513,42px 36px #fff,6px 42px #8b4513,12px 42px #8b4513,18px 42px #8b4513,24px 42px #8b4513,30px 42px #8b4513,36px 42px #8b4513,42px 42px #fff}.mario-lives-hud{top:calc(var(--nav-total-height) + 10px);z-index:999;gap:12px;display:flex;position:fixed;left:20px}.mario-xp-bar-hud{top:calc(var(--nav-total-height) + 10px);z-index:999;align-items:center;gap:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.mario-xp-label{color:#fff;text-shadow:3px 3px #000;letter-spacing:2px;white-space:nowrap;font-size:16px;font-weight:700}.mario-xp-track{width:400px;height:28px;image-rendering:pixelated;background:#2a2a2a;border:4px solid #000;border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px gray,0 4px #0000004d}.mario-xp-fill{background:linear-gradient(#7fd65a 0%,#5fb83a 35%,#4a9b2e 50%,#5fb83a 65%,#7fd65a 100%);border-radius:10px;height:100%;transition:width .3s;position:relative;box-shadow:inset 0 3px #fff6,inset 0 -3px #0000004d}.mario-xp-fill:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 36px,#0003 36px 40px);position:absolute;inset:0}.mario-life-icon{width:24px;height:24px;image-rendering:pixelated;position:relative}.mario-life-icon:before{content:"";background:red;width:4px;height:4px;position:absolute;box-shadow:4px 0 red,8px 0 red,12px 0 red,16px 0 red,0 4px red,4px 4px #fff,8px 4px red,12px 4px #fff,16px 4px red,20px 4px red,0 8px red,4px 8px red,8px 8px red,12px 8px red,16px 8px red,20px 8px red,0 12px bisque,4px 12px bisque,8px 12px #000,12px 12px #000,16px 12px bisque,20px 12px bisque,4px 16px bisque,8px 16px bisque,12px 16px bisque,16px 16px bisque}.mario-score-hud{top:calc(var(--nav-total-height) + 10px);z-index:999;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;right:30px}.mario-score-text{color:gold;text-shadow:3px 3px #000;white-space:nowrap;font-size:14px}.mario-hover-coin{--coin-scale:1;width:40px;height:40px;top:calc(var(--nav-total-height) + 104px);z-index:997;image-rendering:pixelated;transition:transform .3s;position:fixed;right:68px}.mario-hover-coin:hover:not(.falling){animation:.6s steps(8,end) infinite coin-spin-hover}.mario-hover-coin.falling{animation:1s ease-in forwards coin-fall!important}.mario-hover-coin:before{content:"";background:gold;width:5px;height:5px;position:absolute;box-shadow:5px 0 #8b6914,10px 0 #8b6914,15px 0 #8b6914,20px 0 #8b6914,25px 0 #8b6914,30px 0 #8b6914,0 5px #8b6914,5px 5px gold,10px 5px gold,15px 5px gold,20px 5px gold,25px 5px gold,30px 5px gold,35px 5px #8b6914,0 10px #8b6914,5px 10px gold,10px 10px #8b6914,15px 10px #8b6914,20px 10px #8b6914,25px 10px #8b6914,30px 10px gold,35px 10px #8b6914,0 15px #8b6914,5px 15px gold,10px 15px #8b6914,15px 15px gold,20px 15px #8b6914,25px 15px gold,30px 15px gold,35px 15px #8b6914,0 20px #8b6914,5px 20px gold,10px 20px #8b6914,15px 20px #8b6914,20px 20px #8b6914,25px 20px #8b6914,30px 20px gold,35px 20px #8b6914,0 25px #8b6914,5px 25px gold,10px 25px gold,15px 25px #8b6914,20px 25px gold,25px 25px #8b6914,30px 25px gold,35px 25px #8b6914,0 30px #8b6914,5px 30px gold,10px 30px #8b6914,15px 30px #8b6914,20px 30px #8b6914,25px 30px #8b6914,30px 30px gold,35px 30px #8b6914,5px 35px #8b6914,10px 35px #8b6914,15px 35px #8b6914,20px 35px #8b6914,25px 35px #8b6914,30px 35px #8b6914}.mario-mystery-scroll-box{cursor:pointer;z-index:1000;width:56px;height:56px;image-rendering:pixelated;background:gold;border:4px solid #000;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;bottom:80px;left:30px;box-shadow:4px 4px #000,6px 6px #0000004d}.mario-mystery-scroll-box:hover{background:#ffe55c;transform:translateY(-4px);box-shadow:6px 6px #000,8px 8px #0000004d}.mario-mystery-scroll-box:active{transform:translateY(-2px);box-shadow:2px 2px #000,3px 3px #0000004d}.mystery-box-arrow{color:#8b4513;text-shadow:2px 2px #0000004d;font-size:32px;font-weight:700;animation:1s ease-in-out infinite arrow-bounce}@keyframes coin-spin-hover{0%{transform:scaleX(1)}12.5%{transform:scaleX(.8)}25%{transform:scaleX(.5)}37.5%{transform:scaleX(.2)}50%{transform:scaleX(0)}62.5%{transform:scaleX(.2)}75%{transform:scaleX(.5)}87.5%{transform:scaleX(.8)}to{transform:scaleX(1)}}@keyframes coin-fall{0%{transform:translateY(0)scale(var(--coin-scale,1));opacity:1}to{transform:translateY(calc(100vh - 100px))scale(var(--coin-scale,1));opacity:0}}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:768px){.mario-lives-hud{gap:8px;left:10px}.mario-life-icon{width:20px;height:20px}.mario-xp-bar-hud{top:calc(var(--nav-total-height) + 40px)}.mario-xp-track{border-radius:12px;width:250px;height:24px}.mario-xp-fill{border-radius:8px}.mario-xp-label{letter-spacing:1px;font-size:12px}.mario-score-hud{right:10px}.mario-score-text{font-size:10px}.mario-mystery-scroll-box{width:48px;height:48px;bottom:60px;left:15px}.mystery-box-arrow{font-size:24px}.mario-hover-coin{--coin-scale:.75;top:calc(var(--nav-total-height) + 78px);right:36px;transform:scale(.75)}}.mario-star{width:40px;height:40px;image-rendering:pixelated;z-index:3;position:absolute}.mario-star:before{content:"";background:gold;width:8px;height:8px;position:absolute;box-shadow:16px 0 gold,8px 8px gold,16px 8px gold,24px 8px gold,0 16px gold,8px 16px gold,16px 16px gold,24px 16px gold,32px 16px gold,8px 24px gold,16px 24px gold,24px 24px gold,16px 32px gold}@keyframes block-bump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pipe-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.clouds{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.cloud-cluster{pointer-events:none;z-index:0;width:100%;height:100vh;position:fixed;top:0;left:0}.cloud{image-rendering:pixelated;opacity:.95;position:absolute}.static-cloud{width:120px;height:56px;animation:none}.cluster-cloud{will-change:transform;transition:transform .3s ease-out}.cluster-cloud.cloud-small{width:600px;height:280px}.cluster-cloud.cloud-medium{width:750px;height:340px}.cluster-cloud.cloud-large{width:900px;height:400px}.cluster-cloud.cloud-xlarge{width:1050px;height:460px}.cloud:before{content:"";background:#fff;width:8px;height:8px;position:absolute;box-shadow:24px 0 #fff,32px 0 #fff,40px 0 #fff,48px 0 #fff,56px 0 #fff,64px 0 #fff,72px 0 #fff,16px 8px #fff,24px 8px #fff,32px 8px #fff,40px 8px #fff,48px 8px #fff,56px 8px #fff,64px 8px #fff,72px 8px #fff,80px 8px #fff,8px 16px #fff,16px 16px #fff,24px 16px #fff,32px 16px #fff,40px 16px #fff,48px 16px #fff,56px 16px #fff,64px 16px #fff,72px 16px #fff,80px 16px #fff,88px 16px #fff,96px 16px #fff,0 24px #fff,8px 24px #fff,16px 24px #fff,24px 24px #fff,32px 24px #fff,40px 24px #fff,48px 24px #fff,56px 24px #fff,64px 24px #fff,72px 24px #fff,80px 24px #fff,88px 24px #fff,96px 24px #fff,104px 24px #fff,0 32px #fff,8px 32px #fff,16px 32px #fff,24px 32px #fff,32px 32px #fff,40px 32px #fff,48px 32px #fff,56px 32px #fff,64px 32px #fff,72px 32px #fff,80px 32px #fff,88px 32px #fff,96px 32px #fff,104px 32px #fff,8px 40px #fff,16px 40px #fff,24px 40px #fff,32px 40px #fff,40px 40px #fff,48px 40px #fff,56px 40px #fff,64px 40px #fff,72px 40px #fff,80px 40px #fff,88px 40px #fff,96px 40px #fff,24px 48px #fff,32px 48px #fff,40px 48px #fff,48px 48px #fff,56px 48px #fff,64px 48px #fff,72px 48px #fff,80px 48px #fff}.cluster-cloud.cloud-small:before{background:#fff;width:14px;height:14px;box-shadow:42px 0 #fff,56px 0 #fff,70px 0 #fff,84px 0 #fff,98px 0 #fff,112px 0 #fff,28px 14px #fff,42px 14px #fff,56px 14px #fff,70px 14px #fff,84px 14px #fff,98px 14px #fff,112px 14px #fff,126px 14px #fff,14px 28px #fff,28px 28px #fff,42px 28px #fff,56px 28px #fff,70px 28px #fff,84px 28px #fff,98px 28px #fff,112px 28px #fff,126px 28px #fff,140px 28px #fff,0 42px #fff,14px 42px #fff,28px 42px #fff,42px 42px #fff,56px 42px #fff,70px 42px #fff,84px 42px #fff,98px 42px #fff,112px 42px #fff,126px 42px #fff,140px 42px #fff,154px 42px #fff,0 56px #fff,14px 56px #fff,28px 56px #fff,42px 56px #fff,56px 56px #fff,70px 56px #fff,84px 56px #fff,98px 56px #fff,112px 56px #fff,126px 56px #fff,140px 56px #fff,14px 70px #fff,28px 70px #fff,42px 70px #fff,56px 70px #fff,70px 70px #fff,84px 70px #fff,98px 70px #fff,112px 70px #fff,126px 70px #fff,42px 84px #fff,56px 84px #fff,70px 84px #fff,84px 84px #fff,98px 84px #fff}.cluster-cloud.cloud-medium:before{background:#fff;width:16px;height:16px;box-shadow:48px 0 #fff,64px 0 #fff,80px 0 #fff,96px 0 #fff,112px 0 #fff,128px 0 #fff,144px 0 #fff,32px 16px #fff,48px 16px #fff,64px 16px #fff,80px 16px #fff,96px 16px #fff,112px 16px #fff,128px 16px #fff,144px 16px #fff,160px 16px #fff,16px 32px #fff,32px 32px #fff,48px 32px #fff,64px 32px #fff,80px 32px #fff,96px 32px #fff,112px 32px #fff,128px 32px #fff,144px 32px #fff,160px 32px #fff,176px 32px #fff,192px 32px #fff,0 48px #fff,16px 48px #fff,32px 48px #fff,48px 48px #fff,64px 48px #fff,80px 48px #fff,96px 48px #fff,112px 48px #fff,128px 48px #fff,144px 48px #fff,160px 48px #fff,176px 48px #fff,192px 48px #fff,208px 48px #fff,0 64px #fff,16px 64px #fff,32px 64px #fff,48px 64px #fff,64px 64px #fff,80px 64px #fff,96px 64px #fff,112px 64px #fff,128px 64px #fff,144px 64px #fff,160px 64px #fff,176px 64px #fff,192px 64px #fff,208px 64px #fff,16px 80px #fff,32px 80px #fff,48px 80px #fff,64px 80px #fff,80px 80px #fff,96px 80px #fff,112px 80px #fff,128px 80px #fff,144px 80px #fff,160px 80px #fff,176px 80px #fff,48px 96px #fff,64px 96px #fff,80px 96px #fff,96px 96px #fff,112px 96px #fff,128px 96px #fff,144px 96px #fff}.cluster-cloud.cloud-large:before{background:#fff;width:18px;height:18px;box-shadow:54px 0 #fff,72px 0 #fff,90px 0 #fff,108px 0 #fff,126px 0 #fff,144px 0 #fff,162px 0 #fff,180px 0 #fff,36px 18px #fff,54px 18px #fff,72px 18px #fff,90px 18px #fff,108px 18px #fff,126px 18px #fff,144px 18px #fff,162px 18px #fff,180px 18px #fff,198px 18px #fff,18px 36px #fff,36px 36px #fff,54px 36px #fff,72px 36px #fff,90px 36px #fff,108px 36px #fff,126px 36px #fff,144px 36px #fff,162px 36px #fff,180px 36px #fff,198px 36px #fff,216px 36px #fff,234px 36px #fff,0 54px #fff,18px 54px #fff,36px 54px #fff,54px 54px #fff,72px 54px #fff,90px 54px #fff,108px 54px #fff,126px 54px #fff,144px 54px #fff,162px 54px #fff,180px 54px #fff,198px 54px #fff,216px 54px #fff,234px 54px #fff,252px 54px #fff,0 72px #fff,18px 72px #fff,36px 72px #fff,54px 72px #fff,72px 72px #fff,90px 72px #fff,108px 72px #fff,126px 72px #fff,144px 72px #fff,162px 72px #fff,180px 72px #fff,198px 72px #fff,216px 72px #fff,234px 72px #fff,252px 72px #fff,18px 90px #fff,36px 90px #fff,54px 90px #fff,72px 90px #fff,90px 90px #fff,108px 90px #fff,126px 90px #fff,144px 90px #fff,162px 90px #fff,180px 90px #fff,198px 90px #fff,216px 90px #fff,234px 90px #fff,54px 108px #fff,72px 108px #fff,90px 108px #fff,108px 108px #fff,126px 108px #fff,144px 108px #fff,162px 108px #fff,180px 108px #fff,198px 108px #fff,72px 126px #fff,90px 126px #fff,108px 126px #fff,126px 126px #fff,144px 126px #fff,162px 126px #fff}.cluster-cloud.cloud-xlarge:before{background:#fff;width:20px;height:20px;box-shadow:60px 0 #fff,80px 0 #fff,100px 0 #fff,120px 0 #fff,140px 0 #fff,160px 0 #fff,180px 0 #fff,200px 0 #fff,220px 0 #fff,40px 20px #fff,60px 20px #fff,80px 20px #fff,100px 20px #fff,120px 20px #fff,140px 20px #fff,160px 20px #fff,180px 20px #fff,200px 20px #fff,220px 20px #fff,240px 20px #fff,20px 40px #fff,40px 40px #fff,60px 40px #fff,80px 40px #fff,100px 40px #fff,120px 40px #fff,140px 40px #fff,160px 40px #fff,180px 40px #fff,200px 40px #fff,220px 40px #fff,240px 40px #fff,260px 40px #fff,280px 40px #fff,0 60px #fff,20px 60px #fff,40px 60px #fff,60px 60px #fff,80px 60px #fff,100px 60px #fff,120px 60px #fff,140px 60px #fff,160px 60px #fff,180px 60px #fff,200px 60px #fff,220px 60px #fff,240px 60px #fff,260px 60px #fff,280px 60px #fff,300px 60px #fff,0 80px #fff,20px 80px #fff,40px 80px #fff,60px 80px #fff,80px 80px #fff,100px 80px #fff,120px 80px #fff,140px 80px #fff,160px 80px #fff,180px 80px #fff,200px 80px #fff,220px 80px #fff,240px 80px #fff,260px 80px #fff,280px 80px #fff,300px 80px #fff,20px 100px #fff,40px 100px #fff,60px 100px #fff,80px 100px #fff,100px 100px #fff,120px 100px #fff,140px 100px #fff,160px 100px #fff,180px 100px #fff,200px 100px #fff,220px 100px #fff,240px 100px #fff,260px 100px #fff,280px 100px #fff,60px 120px #fff,80px 120px #fff,100px 120px #fff,120px 120px #fff,140px 120px #fff,160px 120px #fff,180px 120px #fff,200px 120px #fff,220px 120px #fff,240px 120px #fff,80px 140px #fff,100px 140px #fff,120px 140px #fff,140px 140px #fff,160px 140px #fff,180px 140px #fff,200px 140px #fff,220px 140px #fff}.mario-block{width:80px;height:80px;image-rendering:pixelated;z-index:3;background:linear-gradient(135deg,gold 0% 10%,#b8860b 10% 12%,gold 12% 88%,#b8860b 88% 90%,gold 90%);border:4px solid #000;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 4px 4px #fff6,inset -4px -4px #0006,0 8px #0006}.mario-block:before{content:"?";color:#fff;text-shadow:3px 3px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;z-index:1;font-family:"Press Start 2P",monospace;font-size:48px;font-weight:700;position:relative}.mario-block:after{content:"";pointer-events:none;border:2px solid #0003;border-radius:4px;position:absolute;inset:8px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#89b5ff;border-left:3px solid #000}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-sm);border:3px solid #000}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}@media (max-width:1024px){.container{max-width:100%;padding:0 var(--space-5)}.featured-projects-grid,.projects-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (max-width:768px){html{font-size:14px}body:after{height:50px;padding-left:15px;font-size:10px}.container{padding:0 var(--space-4)}.section{padding:var(--space-7)0;min-height:auto}.nav{padding:var(--space-3)0}.nav-container{padding:0 var(--space-4)}.nav-logo{font-size:var(--text-sm)}.nav-menu{gap:var(--space-2)}.nav-link{padding:var(--space-1)var(--space-2);font-size:9px}.hero{min-height:100vh;padding-top:60px}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}.featured-projects-grid{gap:var(--space-5);grid-template-columns:1fr}.featured-project-card{padding:var(--space-5)}.featured-project-icon{width:48px;height:48px}.featured-project-title{font-size:var(--text-base)!important}.featured-project-description{font-size:11px}.featured-project-tag{padding:var(--space-1)var(--space-2);font-size:10px}.timeline:before{left:20px}.timeline-dot{width:24px;height:24px;left:20px}.timeline-content{width:calc(100% - 60px);padding:var(--space-4);margin-left:60px!important}.projects-grid{gap:var(--space-5);grid-template-columns:1fr}.btn{padding:var(--space-2)var(--space-4);font-size:11px}.btn-3d{box-shadow:3px 3px #000,4px 4px #0000004d}.btn-3d:hover{box-shadow:1px 1px #000,2px 2px #0000004d}.card{padding:var(--space-4)}.bottom-pipe{transform-origin:100% 100%;right:20px;transform:scale(.75)}.top-pipe{transform-origin:100% 0;height:96px;right:20px;transform:scale(.75)}.theme-toggle{width:40px;height:40px;bottom:5px;right:var(--space-4)}.theme-icon{width:20px;height:20px}.social-link-3d{padding:var(--space-3)!important}.pixel-coin,.pixel-computer,.pixel-book{width:40px;height:40px;transform:scale(.85)}.cluster-cloud.cloud-small{width:400px;height:200px}.cluster-cloud.cloud-medium{width:500px;height:240px}.cluster-cloud.cloud-large{width:600px;height:280px}.cluster-cloud.cloud-xlarge{width:700px;height:320px}.mario-block{width:60px;height:60px}.mario-block:before{font-size:36px}.mario-star{width:32px;height:32px;transform:scale(.8)}.spinning-coin{width:20px;height:20px;transform:scale(.7)}}@media (max-width:480px){html{font-size:12px}body:after{height:45px;padding-left:10px;font-size:8px}.container{padding:0 var(--space-3)}.section{padding:var(--space-6)0}.nav-logo{font-size:11px}.nav-menu{gap:var(--space-1)}.nav-link{padding:4px 6px;font-size:8px}.hero{padding-top:50px}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}.featured-project-card{padding:var(--space-4)}.featured-project-icon{width:40px;height:40px}.featured-project-title{font-size:var(--text-sm)!important}.featured-project-description{font-size:10px}.featured-project-tag{font-size:9px}.timeline-content{padding:var(--space-3)}.btn{padding:var(--space-2)var(--space-3);font-size:10px}.bottom-pipe{transform-origin:100% 100%;right:10px;transform:scale(.6)}.top-pipe{transform-origin:100% 0;height:96px;right:10px;transform:scale(.6)}.theme-toggle{width:36px;height:36px;bottom:4.5px;right:var(--space-3)}.social-links-grid{gap:var(--space-3)!important;grid-template-columns:1fr!important;max-width:200px!important}.social-link-3d svg{width:32px!important;height:32px!important}.social-link-3d span{font-size:9px!important}.pixel-coin,.pixel-computer,.pixel-book{width:36px;height:36px;transform:scale(.75)}.cluster-cloud.cloud-small{width:300px;height:150px}.cluster-cloud.cloud-medium{width:400px;height:180px}.cluster-cloud.cloud-large{width:500px;height:220px}.cluster-cloud.cloud-xlarge{width:600px;height:260px}.mario-block{width:48px;height:48px}.mario-block:before{font-size:28px}::-webkit-scrollbar{width:12px}}@media (max-width:360px){html{font-size:11px}.nav-logo{font-size:10px}.nav-link{padding:3px 5px;font-size:7px}.featured-project-card{padding:var(--space-3)}.btn{font-size:9px}}@media (max-width:768px) and (orientation:landscape){.hero{min-height:auto;padding:var(--space-8)0}.section{min-height:auto;padding:var(--space-6)0}}@media (hover:none) and (pointer:coarse){.nav-link{padding:var(--space-2)var(--space-3);justify-content:center;align-items:center;min-height:44px;display:flex}.btn{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.featured-project-card,.project-card,.timeline-item{transition:transform .2s}.featured-project-card:active,.project-card:active,.timeline-item:active{transform:scale(.98)}.card:hover:before,.featured-project-card:hover:after{left:-100%}}@media (max-width:768px){.cluster-cloud{will-change:auto;transition:none}.spinning-coin{transition:none}p{font-size:11px;line-height:1.7}.hero-cta{flex-direction:column;align-items:stretch;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.hero-cta .btn{width:100%}.project-card img{height:180px!important}.timeline-content h4{font-size:var(--text-sm)}.timeline-content p{font-size:10px}.timeline-content img{max-width:200px!important;height:50px!important}body:after{text-align:center;justify-content:center;align-items:center;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border:2px solid #000}.spinning-coin{animation-duration:1.5s}.hero-overlay{pointer-events:none}.card,.featured-project-card,.project-card{box-shadow:3px 3px #000}.card:hover,.featured-project-card:hover,.project-card:hover{box-shadow:4px 4px #000}}@media (max-width:480px){p{font-size:10px}.hero-subtitle{font-size:9px!important;line-height:1.5!important}.featured-projects-grid,.projects-grid{gap:var(--space-4)!important}.featured-project-card,.project-card{border-width:3px}.featured-project-card svg,.social-link-3d svg{width:28px!important;height:28px!important}.mario-mystery-scroll-box{width:44px;height:44px;bottom:55px;left:10px}.mystery-box-arrow{font-size:20px}.mario-hover-coin{--coin-scale:.6;top:calc(var(--nav-total-height) + 62px);right:19px;transform:scale(.6)}}.hero-coins-container{z-index:3;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.spinning-coin{width:28px;height:28px;image-rendering:pixelated;opacity:1;transition:opacity .3s ease-out;animation:1.2s steps(8,end) infinite coin-spin-continuous;position:absolute}.spinning-coin:before{content:"";background:gold;width:3.5px;height:3.5px;position:absolute;box-shadow:3.5px 0 gold,7px 0 gold,10.5px 0 gold,14px 0 gold,17.5px 0 gold,21px 0 gold,0 3.5px gold,3.5px 3.5px #ffb700,7px 3.5px #ffb700,10.5px 3.5px #ffb700,14px 3.5px #ffb700,17.5px 3.5px #ffb700,21px 3.5px #ffb700,24.5px 3.5px gold,0 7px gold,3.5px 7px #ffb700,7px 7px #000,10.5px 7px #000,14px 7px #000,17.5px 7px #ffb700,21px 7px #ffb700,24.5px 7px gold,0 10.5px gold,3.5px 10.5px #ffb700,7px 10.5px #000,10.5px 10.5px #ffb700,14px 10.5px #ffb700,17.5px 10.5px #000,21px 10.5px #ffb700,24.5px 10.5px gold,0 14px gold,3.5px 14px #ffb700,7px 14px #000,10.5px 14px #000,14px 14px #000,17.5px 14px #ffb700,21px 14px #ffb700,24.5px 14px gold,0 17.5px gold,3.5px 17.5px #ffb700,7px 17.5px #ffb700,10.5px 17.5px #ffb700,14px 17.5px #ffb700,17.5px 17.5px #ffb700,21px 17.5px #ffb700,24.5px 17.5px gold,3.5px 21px gold,7px 21px gold,10.5px 21px gold,14px 21px gold,17.5px 21px gold,21px 21px gold}@keyframes coin-spin-continuous{0%{transform:scaleX(1)}12.5%{transform:scaleX(.8)}25%{transform:scaleX(.5)}37.5%{transform:scaleX(.2)}50%{transform:scaleX(0)}62.5%{transform:scaleX(.2)}75%{transform:scaleX(.5)}87.5%{transform:scaleX(.8)}to{transform:scaleX(1)}}.hero-content{z-index:10;text-align:center;padding:0 var(--space-4);max-width:100%}.hero-title{font-size:clamp(1.5rem,8vw,var(--text-4xl));margin-bottom:var(--space-4);word-break:break-word;-webkit-text-stroke:2px #000;line-height:1.2;position:relative}.hero-subtitle{font-size:clamp(10px,3vw,var(--text-base));color:var(--color-mario-green);text-shadow:2px 2px #000;max-width:90%;margin:0 auto var(--space-6);font-weight:700;line-height:1.6}.hero-subtitle-enhanced{animation:2s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 8px #00a65199)}50%{filter:drop-shadow(0 0 20px #00a651)}}.hero-cta{margin-top:var(--space-6);gap:var(--space-4);padding:0 var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.hero-cta .btn{min-width:140px}.position-relative{position:relative}.section-heading{margin-bottom:var(--space-6)}.star-projects{top:180px;right:15%}.star-exp-top{top:200px;right:10%}.star-exp-bottom{bottom:180px;right:18%}.contact-container{max-width:700px;margin:0 auto}.contact-header{text-align:center;margin-bottom:var(--space-8)}.contact-title{color:#fff;text-shadow:4px 4px #000,6px 6px #00000080,8px 8px #0000004d;letter-spacing:2px;cursor:pointer;margin-bottom:var(--space-6);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:inline-block}.contact-title:hover{text-shadow:1px 1px #000,2px 2px #0003;transform:translate(3px,3px)scale(.98)}.contact-subtitle{font-size:var(--text-lg)}.contact-form{padding:var(--space-8);background:#ffffff08;border:4px solid #000;box-shadow:8px 8px #000}.form-group{margin-bottom:var(--space-6)}.form-label{margin-bottom:var(--space-3);font-size:var(--text-base);color:#fff;text-shadow:2px 2px #000;letter-spacing:.5px;font-weight:700;display:block}.form-label-hint{font-weight:400;font-size:var(--text-sm)}.required-star{color:#fff;text-shadow:1px 1px #000}.form-input,.form-textarea{width:100%;padding:var(--space-4);font-size:var(--text-base);color:var(--color-text);border:3px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-normal)var(--ease-bounce);background:#0000004d;font-family:inherit;box-shadow:inset 2px 2px 4px #0000004d}.form-input.has-value,.form-textarea.has-value{color:#000;background:#fff;box-shadow:inset 2px 2px 4px #0000001a}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-input.has-value::placeholder,.form-textarea.has-value::placeholder{color:#0006}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent);color:#000;background:#fff;outline:none;transform:translateY(-1px);box-shadow:inset 2px 2px 4px #0000001a,0 0 0 3px #ffd70033}.form-input:focus::placeholder,.form-textarea:focus::placeholder{color:#0006}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:150px}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);border:3px solid;font-weight:600;box-shadow:3px 3px #0000004d}.alert-error{color:#fca5a5;background:#ef444426;border-color:#ef4444}.alert-success{color:#86efac;background:#22c55e26;border-color:#22c55e}.form-required-hint{text-align:right;margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.submit-button{width:100%;padding:var(--space-5);font-size:var(--text-lg);color:#fff;background:var(--color-mario-green);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)var(--ease-bounce);text-shadow:2px 2px #000;letter-spacing:1px;text-transform:uppercase;border:4px solid #000;font-weight:700;box-shadow:6px 6px #000}.submit-button:hover:not(:disabled){background:#00b757;transform:translate(-2px,-2px);box-shadow:8px 8px #000}.submit-button:active:not(:disabled){transform:translate(3px,3px);box-shadow:3px 3px #000}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-social{text-align:center;margin-top:var(--space-6);position:relative}.contact-social-heading{margin-bottom:var(--space-3);color:#fff;text-shadow:1.5px 1.5px #000;letter-spacing:.7px;font-size:var(--text-base);z-index:1;position:relative}.contact-social-star-left{z-index:0;position:absolute;top:-10px;left:calc(50% - 185px);transform:scale(.7)}.social-links-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);max-width:315px;margin:0 auto;display:grid;position:relative}.contact-social-star-right{z-index:10;position:absolute;bottom:-10px;right:-10px;transform:scale(.7)}.social-link{align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--duration-normal)var(--ease-bounce);flex-direction:column;display:flex}.social-icon{width:22px;height:22px;fill:var(--color-mario-green);transition:transform var(--duration-fast)var(--ease-bounce)}.social-label{color:#000;font-size:10px;font-weight:600}@media (max-width:768px){.contact-form{padding:var(--space-6);box-shadow:6px 6px #000}.submit-button{font-size:var(--text-base);padding:var(--space-4)}}
