.heading-timbul-dark,.text-timbul-slate,.hero-name-timbul,.about-badge-timbul{background:linear-gradient(#94a3b8 0%,#475569 22%,#1e293b 55%,#0f172a 85%,#020617 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1.5px #0f172abf)drop-shadow(2px 3px 1px #0f172a80)drop-shadow(0 12px 22px #0f172a38);cursor:default;user-select:none;background-clip:text;margin-top:-.15em;margin-bottom:-.35em;padding:.15em .08em .35em .04em;line-height:normal;transition:filter .3s;display:inline-block}html.dark .heading-timbul-dark,html.dark .text-timbul-slate,html.dark .hero-name-timbul,html.dark .about-badge-timbul{background:linear-gradient(#fff 0%,#f1f5f9 30%,#cbd5e1 65%,#94a3b8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -1px .8px #fffc)drop-shadow(1.5px 2px #000000e6)drop-shadow(3px 4.5px 2px #000000b3)drop-shadow(0 14px 26px #00000080);background-clip:text}.heading-timbul-blue,.text-timbul-blue,.hero-name-timbul-blue,.about-name-timbul-blue{background:linear-gradient(#fff 0%,#93c5fd 20%,#3b82f6 48%,#1d4ed8 82%,#172554 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1.5px #1e3a8abf)drop-shadow(2px 3px 1px #1d4ed88c)drop-shadow(0 14px 26px #2563eb59);cursor:default;user-select:none;background-clip:text;margin-top:-.15em;margin-bottom:-.35em;padding:.15em .08em .35em .04em;line-height:normal;transition:filter .3s;display:inline-block}html.dark .heading-timbul-blue,html.dark .text-timbul-blue,html.dark .hero-name-timbul-blue,html.dark .about-name-timbul-blue{background:linear-gradient(#fff 0%,#bae6fd 20%,#60a5fa 45%,#3b82f6 75%,#1d4ed8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -1px .8px #ffffffb3)drop-shadow(1.5px 2px #0a1e5fe6)drop-shadow(3px 4.5px 2px #1d4ed899)drop-shadow(0 16px 30px #2563eb8c);background-clip:text}.heading-timbul-dot,.text-timbul-dot,.hero-name-dot{background:linear-gradient(#fff 0%,#93c5fd 20%,#3b82f6 48%,#1d4ed8 82%,#172554 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1.5px #1e3a8abf)drop-shadow(2px 3px 1px #1d4ed88c);background-clip:text;margin-top:-.15em;margin-bottom:-.35em;padding:.15em .08em .35em .04em;line-height:normal;display:inline-block}html.dark .heading-timbul-dot,html.dark .text-timbul-dot,html.dark .hero-name-dot{background:linear-gradient(#fff 0%,#bae6fd 20%,#60a5fa 48%,#3b82f6 82%,#1d4ed8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1.5px #0a1e5fe6)drop-shadow(2px 3px 1px #1d4ed8b3);background-clip:text}.bg-grid{mask-image:linear-gradient(#0000,10%,#000,90%,#0000);background-size:40px 40px;-webkit-mask-image:linear-gradient(#0000,5%,#000,95%,#0000)}@keyframes beam-h{0%{transform:translate(-380px)}to{transform:translate(calc(100vw + 380px))}}@keyframes beam-h-reverse{0%{transform:translate(calc(100vw + 380px))}to{transform:translate(-380px)}}@keyframes beam-v{0%{transform:translateY(-380px)}to{transform:translateY(calc(100% + 380px))}}@keyframes beam-v-reverse{0%{transform:translateY(calc(100% + 380px))}to{transform:translateY(-380px)}}html{scroll-padding-top:80px;font-family:Plus Jakarta Sans,sans-serif}body,button,input,textarea,select{font-family:Plus Jakarta Sans,sans-serif}@media (prefers-reduced-motion:no-preference){#skills,#experience,#portfolio,#contact{content-visibility:auto;contain-intrinsic-size:auto 600px}}@keyframes scroll-left{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0,0)}}.animate-scroll-left{will-change:transform;animation:28s linear infinite scroll-left;transform:translate(0,0)}.animate-scroll-right{will-change:transform;animation:28s linear infinite scroll-right;transform:translate(0,0)}.marquee-wrapper{user-select:none;contain:layout paint;width:100%;display:flex;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{will-change:transform;width:max-content;display:flex;transform:translate(0,0)}.marquee-group{flex-shrink:0;justify-content:space-around;align-items:center;gap:2.25rem;min-width:100%;padding-right:2.25rem;display:flex}@media (hover:hover){.marquee-wrapper:hover .animate-scroll-left,.marquee-wrapper:hover .animate-scroll-right{animation-play-state:paused}}.btn-3d-blue{cursor:pointer;user-select:none;isolation:isolate;text-shadow:0 1px 2px #0a235a66;background:linear-gradient(#4d8df7 0%,#2b6cef 45%,#1d4ed8 100%);border:1px solid #ffffff59;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:inset 0 2px 2.5px #ffffffb3,inset 0 -2.5px 3.5px #0a1e5f73,0 6px 16px -2px #1d4ed873,0 3px 6px -1px #0f172a40;color:#fff!important}.btn-3d-blue:hover{background:linear-gradient(#609bf9 0%,#3b7bf6 45%,#2563eb 100%);border-color:#ffffff80;transform:translateY(-2px)scale(1.02);box-shadow:inset 0 2.5px 3.5px #ffffffd9,inset 0 -2px 3px #0a1e5f59,0 10px 25px -3px #2563eb99,0 4px 10px -1px #0f172a4d;color:#fff!important}.btn-3d-blue:active{background:linear-gradient(#2563eb 0%,#1d4ed8 55%,#1e40af 100%);transform:translateY(1.5px)scale(.98);box-shadow:inset 0 3px 5px #0006,inset 0 -1px 1.5px #fff3,0 2px 6px #1d4ed859}.btn-3d-dark{cursor:pointer;user-select:none;text-shadow:0 1px 2px #0009;background:linear-gradient(#334155 0%,#1e293b 50%,#0f172a 100%);border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:inset 0 2px 2.5px #fff6,inset 0 -2.5px 3.5px #0009,0 6px 16px -2px #0f172a59,0 3px 6px -1px #0003;color:#fff!important}.btn-3d-dark:hover{background:linear-gradient(#475569 0%,#334155 50%,#1e293b 100%);border-color:#ffffff59;transform:translateY(-2px)scale(1.02);box-shadow:inset 0 2.5px 3.5px #ffffff8c,inset 0 -2px 3px #00000080,0 10px 24px -3px #0f172a80,0 4px 8px -1px #00000040;color:#fff!important}.btn-3d-dark:active{background:linear-gradient(#0f172a 0%,#020617 100%);transform:translateY(1.5px)scale(.98);box-shadow:inset 0 3px 5px #000000b3,inset 0 -1px 1.5px #ffffff1a,0 2px 6px #0000004d}.btn-3d-light{cursor:pointer;user-select:none;background:linear-gradient(#fff 0%,#f8fafc 45%,#e2e8f0 100%);border:1px solid #cbd5e1d9;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #00000014,0 6px 14px -2px #00000014,0 2px 4px -1px #0000000d;color:#1e293b!important}.btn-3d-light:hover{background:linear-gradient(#fff 0%,#f1f5f9 45%,#cbd5e1 100%);border-color:#94a3b8;transform:translateY(-2px)scale(1.02);box-shadow:inset 0 2.5px 3.5px #fff,inset 0 -2px 3px #0000001f,0 10px 20px -3px #0000001f,0 4px 6px -1px #00000014;color:#0f172a!important}.btn-3d-light:active{background:linear-gradient(#e2e8f0 0%,#cbd5e1 100%);transform:translateY(1.5px)scale(.98);box-shadow:inset 0 3px 5px #0000002e,0 2px 4px #0000000f}html.dark .btn-3d-light{background:linear-gradient(#1e293b 0%,#152033 45%,#0f172a 100%);border:1px solid #ffffff29;border-top:1.5px solid #ffffff4d;box-shadow:inset 0 2px 2px #ffffff2e,inset 0 -2px 3px #00000080,0 6px 14px -2px #0006,0 2px 4px -1px #0003;color:#f1f5f9!important}html.dark .btn-3d-light:hover{background:linear-gradient(#334155 0%,#1e293b 45%,#152033 100%);border-color:#ffffff4d;box-shadow:inset 0 2.5px 3.5px #ffffff40,inset 0 -2px 3px #00000080,0 10px 20px -3px #00000080,0 4px 6px -1px #0000004d;color:#fff!important}html.dark .btn-3d-light:active{background:linear-gradient(#0f172a 0%,#020617 100%);box-shadow:inset 0 3px 5px #0009,0 2px 4px #0003}.btn-3d-sm{gap:.375rem!important;padding:.45rem 1.15rem!important;font-size:.8125rem!important}.btn-3d-circle{color:#475569;background:linear-gradient(#fff 0%,#f8fafc 45%,#e2e8f0 100%);border:1px solid #cbd5e1d9;border-radius:9999px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #00000014,0 4px 10px -1px #00000014}.btn-3d-circle:hover:not(:disabled){color:#fff;background:linear-gradient(#4d8df7 0%,#2b6cef 45%,#1d4ed8 100%);border-color:#fff6;transform:translateY(-2px)scale(1.05);box-shadow:inset 0 2px 2.5px #ffffffb3,inset 0 -2px 3px #0a1e5f66,0 8px 20px -2px #2563eb80}.btn-3d-circle:active:not(:disabled){transform:translateY(1.5px)scale(.96);box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0000001a}html.dark .btn-3d-circle{color:#cbd5e1;background:linear-gradient(#1e293b 0%,#152033 45%,#0f172a 100%);border:1px solid #ffffff29;border-top:1.5px solid #ffffff47;box-shadow:inset 0 2px 2px #ffffff2e,inset 0 -2px 3px #00000080,0 4px 10px -1px #0000004d}html.dark .btn-3d-circle:hover:not(:disabled){color:#fff;background:linear-gradient(#4d8df7 0%,#2b6cef 45%,#1d4ed8 100%);border-color:#fff6;box-shadow:inset 0 2px 2.5px #ffffffb3,inset 0 -2px 3px #0a1e5f66,0 8px 20px -2px #2563eb80}.card-3d-blue{background:linear-gradient(170deg,#3b82f6 0%,#2563eb 28%,#1d4ed8 65%,#172554 100%);border:1px solid #fff6;position:relative;box-shadow:inset 0 2.5px 3.5px #ffffffb3,inset 0 1px 1px #ffffffe6,inset 0 -4px 8px #0a194b99,0 20px 45px -10px #1d4ed873,0 8px 16px -4px #0f172a40}.card-3d-item{-webkit-backdrop-filter:blur(12px);user-select:none;background:linear-gradient(#ffffff38 0%,#ffffff1c 50%,#ffffff0d 100%);border:1px solid #ffffff52;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:inset 0 2px 2px #ffffffa6,inset 0 -2px 3.5px #0a194b59,0 6px 16px -2px #0a143233}a.card-3d-item:hover{background:linear-gradient(#ffffff52 0%,#ffffff2e 50%,#ffffff14 100%);border-color:#ffffff8c;transform:translateY(-2px);box-shadow:inset 0 2.5px 3.5px #ffffffd9,inset 0 -2px 3.5px #0a194b4d,0 10px 24px -3px #0a143c59}a.card-3d-item:active{transform:translateY(1px)scale(.99);box-shadow:inset 0 3px 5px #0000004d,0 2px 4px #00000026}.card-3d-item-icon{background:linear-gradient(#ffffff59 0%,#ffffff29 100%);border:1px solid #ffffff73;box-shadow:inset 0 1.5px 2px #fffc,inset 0 -1.5px 2px #0a194b4d,0 4px 10px #00000026}.social-3d-circle{color:#fff;background:linear-gradient(#ffffff47 0%,#ffffff24 50%,#ffffff0f 100%);border:1px solid #fff6;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1.5px 2px #ffffffbf,inset 0 -2px 3px #0a194666,0 4px 10px #0003}.social-3d-circle:hover{color:#1e293b;background:linear-gradient(#fff 0%,#f1f5f9 45%,#cbd5e1 100%);border-color:#fff;transform:translateY(-2px)scale(1.1);box-shadow:inset 0 2px 2.5px #fff,inset 0 -2px 3px #00000026,0 8px 20px #0000004d}.social-3d-circle:active{transform:translateY(1.5px)scale(.96);box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0000001a}.social-3d-dark{color:#cbd5e1;text-shadow:0 1px 2px #0009;background:linear-gradient(#334155 0%,#1e293b 50%,#0f172a 100%);border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1.5px 2px #ffffff59,inset 0 -2px 3px #000000b3,0 4px 12px -2px #00000080,0 2px 4px -1px #0000004d}.social-3d-dark:hover{color:#fff;background:linear-gradient(#475569 0%,#334155 50%,#1e293b 100%);border-color:#fff6;transform:translateY(-2px)scale(1.1);box-shadow:inset 0 2px 2.5px #ffffff8c,inset 0 -2px 3px #0009,0 8px 20px -2px #0009}.social-3d-dark:active{background:linear-gradient(#0f172a 0%,#020617 100%);transform:translateY(1.5px)scale(.96);box-shadow:inset 0 2px 4px #000c,0 2px 4px #0000004d}.social-3d-dark.hover-ig:hover{color:#fff;background:linear-gradient(#f43f5e 0%,#e11d48 50%,#be123c 100%);border-color:#ffffff73;box-shadow:inset 0 2px 2.5px #ffffffa6,inset 0 -2px 3px #88133780,0 8px 20px -2px #e11d4880}.social-3d-dark.hover-linkedin:hover{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 50%,#0369a1 100%);border-color:#ffffff73;box-shadow:inset 0 2px 2.5px #ffffffa6,inset 0 -2px 3px #0369a180,0 8px 20px -2px #0284c780}.social-3d-dark.hover-github:hover{color:#fff;background:linear-gradient(#1f2328 0%,#121517 50%,#000 100%);border-color:#ffffff73;box-shadow:inset 0 2px 2.5px #ffffff8c,inset 0 -2px 3px #000000e6,0 8px 20px -2px #000000b3}.social-3d-circle.hover-github:hover{color:#fff;background:linear-gradient(#1f2328 0%,#121517 50%,#000 100%);border-color:#ffffff80;transform:translateY(-2px)scale(1.1);box-shadow:inset 0 2px 2.5px #fff9,inset 0 -2px 3px #000c,0 8px 20px #00000080}.social-3d-circle.hover-ig:hover{color:#fff;background:linear-gradient(#f43f5e 0%,#e11d48 50%,#be123c 100%);border-color:#ffffff80;transform:translateY(-2px)scale(1.1);box-shadow:inset 0 2px 2.5px #ffffffa6,inset 0 -2px 3px #88133780,0 8px 20px -2px #e11d4880}.social-3d-circle.hover-linkedin:hover{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 50%,#0369a1 100%);border-color:#ffffff80;transform:translateY(-2px)scale(1.1);box-shadow:inset 0 2px 2.5px #ffffffa6,inset 0 -2px 3px #0369a180,0 8px 20px -2px #0284c780}.card-3d-white{background:linear-gradient(#fff 0%,#fcfdfd 45%,#f8fafc 100%);border:1px solid #e2e8f0f2;position:relative;box-shadow:inset 0 2.5px 3px #fff,inset 0 -2.5px 4px #00000008,0 20px 45px -10px #0f172a14,0 8px 16px -4px #0f172a0a}html.dark .card-3d-white{background:linear-gradient(#131c2e 0%,#0f172a 60%,#090e1a 100%);border:1px solid #ffffff1a;border-top:1.5px solid #fff3;box-shadow:inset 0 2.5px 3px #ffffff1f,inset 0 -2.5px 4px #0009,0 20px 45px -10px #0009,0 8px 16px -4px #0006}.badge-3d-soft{background:linear-gradient(#fff 0%,#eff6ff 50%,#dbeafe 100%);border:1px solid #bfdbfef2;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1.5px 2px #fff,inset 0 -1.5px 2.5px #2563eb26,0 4px 10px #3b82f61a}html.dark .badge-3d-soft{color:#93c5fd;background:linear-gradient(#1e3a8a 0%,#172554 100%);border:1px solid #60a5fa59;box-shadow:inset 0 1.5px 2px #ffffff2e,inset 0 -1.5px 2.5px #0006,0 4px 10px #0000004d}.input-3d{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px solid #cbd5e1;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 3.5px #0f172a0d,inset 0 1px 1.5px #0f172a08,0 1px 1.5px #fffc}.input-3d:focus{background:#fff;border-color:#3b82f6;box-shadow:inset 0 1px 2px #0f172a05,0 0 0 4px #3b82f624,0 4px 12px -2px #2563eb1a}html.dark .input-3d{color:#f8fafc;background:linear-gradient(#090e1a 0%,#070b14 100%);border:1px solid #1e293b;box-shadow:inset 0 2px 3.5px #0009,inset 0 1px 1.5px #0006}html.dark .input-3d:focus{background:#0b1120;border-color:#3b82f6;box-shadow:inset 0 1px 2px #0000004d,0 0 0 4px #3b82f640,0 4px 12px -2px #2563eb4d}.privacy-3d-box{background:linear-gradient(#fff 0%,#f0f9ff 60%,#e0f2fe 100%);border:1px solid #bae6fde6;box-shadow:inset 0 1.5px 1.5px #fff,inset 0 -1px 2px #0284c71a,0 2px 6px #00000008}html.dark .privacy-3d-box{color:#93c5fd;background:linear-gradient(#0f1e36 0%,#0b1528 100%);border:1px solid #3b82f64d;box-shadow:inset 0 1.5px 1.5px #ffffff14,inset 0 -1px 2px #0006,0 2px 6px #0000004d}.nav-3d-shell{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fffffff7 0%,#f8fafcf0 45%,#f1f5f9f5 100%);border:1px solid #e2e8f0e6;border-top:1.5px solid #fff;border-bottom:2px solid #cbd5e1f2;box-shadow:inset 0 2.5px 3px #fff,inset 0 -2.5px 3.5px #0000000d,0 12px 35px -5px #0f172a24,0 4px 10px -2px #0f172a0f}html.dark .nav-3d-shell{background:linear-gradient(#0f172af2 0%,#0b1221eb 50%,#080d18f5 100%);border:1px solid #ffffff1f;border-top:1.5px solid #ffffff40;border-bottom:2px solid #000000b3;box-shadow:inset 0 1.5px 2px #ffffff26,inset 0 -2px 3px #0009,0 12px 35px -5px #0009,0 4px 10px -2px #0006}.nav-logo-3d:hover{background:linear-gradient(#fff 0%,#f1f5f9 60%,#e2e8f0 100%);box-shadow:inset 0 1.5px 1.5px #fff,inset 0 -1.5px 2px #0000000f,0 3px 8px -2px #0f172a14}html.dark .nav-logo-3d:hover{background:linear-gradient(#1e293b 0%,#152033 60%,#0f172a 100%);box-shadow:inset 0 1.5px 1.5px #ffffff26,inset 0 -1.5px 2px #00000080,0 3px 8px -2px #0006}.nav-divider{background:linear-gradient(#cbd5e14d 0%,#cbd5e1e6 50%,#cbd5e14d 100%);box-shadow:1px 0 #ffffffe6}html.dark .nav-divider{background:linear-gradient(#ffffff0d 0%,#fff3 50%,#ffffff0d 100%);box-shadow:1px 0 #00000080}.nav-link{color:#475569;flex-shrink:0;transition:all .25s cubic-bezier(.16,1,.3,1)}html.dark .nav-link{color:#94a3b8}.nav-link:hover:not(.active){color:#0f172a;background:linear-gradient(#fff 0%,#f8fafc 50%,#eef2f6 100%);border:1px solid #e2e8f0e6;border-top-color:#fff;transform:translateY(-1px);box-shadow:inset 0 1.5px 1.5px #fff,inset 0 -1.5px 2px #0000000d,0 3px 8px -2px #0f172a14}html.dark .nav-link:hover:not(.active){color:#f8fafc;background:linear-gradient(#1e293b 0%,#172237 50%,#0f172a 100%);border:1px solid #ffffff26;border-top-color:#ffffff47;transform:translateY(-1px);box-shadow:inset 0 1.5px 1.5px #ffffff26,inset 0 -1.5px 2px #00000080,0 3px 8px -2px #0006}.nav-link.active{text-shadow:0 1px 2px #0a235a59;transform:translateY(-.5px);color:#fff!important;background:linear-gradient(#4d8df7 0%,#2b6cef 45%,#1d4ed8 100%)!important;border:1px solid #ffffff59!important;border-top:1.5px solid #ffffffbf!important;border-bottom:2px solid #0a1e5f73!important;box-shadow:inset 0 2.5px 3px #ffffffb3,inset 0 -2.5px 3.5px #0a1e5f73,0 6px 18px -2px #2563eb73!important}.nav-link.active i,.nav-link.active svg{color:#fff!important;stroke:#fff!important}@keyframes card-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.8deg)}}@keyframes float-1{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-11px)rotate(-2deg)}}@keyframes float-2{0%,to{transform:translateY(0)rotate(10deg)}50%{transform:translateY(-9px)rotate(4deg)}}@keyframes float-3{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-12px)rotate(-11deg)}}@keyframes float-4{0%,to{transform:translateY(0)rotate(14deg)}50%{transform:translateY(-10px)rotate(8deg)}}@keyframes float-5{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-8px)rotate(2deg)}}.dev-card-float{will-change:transform;animation:8s ease-in-out infinite card-float}.dev-btn-3d{user-select:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.dev-float-1{will-change:transform;animation:4.5s ease-in-out infinite float-1}.dev-float-2{will-change:transform;animation:5.5s ease-in-out .7s infinite float-2}.dev-float-3{will-change:transform;animation:6.2s ease-in-out 1.4s infinite float-3}.dev-float-4{will-change:transform;animation:5s ease-in-out 2.1s infinite float-4}.dev-float-5{will-change:transform;animation:5.8s ease-in-out 2.8s infinite float-5}.dev-btn-3d:hover{animation-play-state:paused}.dev-btn-3d-blue{background:linear-gradient(#4d8df7 0%,#2b6cef 45%,#1d4ed8 100%);border:1px solid #ffffff73;border-top:1.5px solid #ffffffd9;box-shadow:inset 0 2px 2.5px #ffffffbf,inset 0 -2.5px 3.5px #0a1e5f80,0 8px 18px -3px #2563eb73,0 3px 6px -1px #0f172a2e}.dev-btn-3d-light{background:linear-gradient(#fff 0%,#f8fafc 45%,#e2e8f0 100%);border:1px solid #cbd5e1e6;border-top:1.5px solid #fff;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #0000001a,0 8px 16px -3px #0f172a1a,0 2px 4px -1px #0000000d}html.dark .dev-btn-3d-light{background:linear-gradient(#1e293b 0%,#152033 45%,#0f172a 100%);border:1px solid #ffffff2e;border-top:1.5px solid #ffffff59;box-shadow:inset 0 2px 2px #fff3,inset 0 -2px 3px #0009,0 8px 16px -3px #0006,0 2px 4px -1px #0003}.dev-btn-3d-dark{background:linear-gradient(#334155 0%,#1e293b 50%,#0f172a 100%);border:1px solid #ffffff40;border-top:1.5px solid #ffffff80;box-shadow:inset 0 2px 2.5px #ffffff73,inset 0 -2.5px 3.5px #0009,0 8px 18px -3px #0f172a59,0 3px 6px -1px #0003}html.dark .dev-btn-3d-dark{background:linear-gradient(#1e293b 0%,#111827 50%,#030712 100%);border:1px solid #ffffff2e;border-top:1.5px solid #ffffff59}.dev-btn-3d-emerald{background:linear-gradient(#f0fdf4 0%,#dcfce7 45%,#bbf7d0 100%);border:1px solid #34d399d9;border-top:1.5px solid #fff;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #05966933,0 8px 16px -3px #10b9814d,0 2px 4px -1px #0000000d}html.dark .dev-btn-3d-emerald{background:linear-gradient(#064e3b 0%,#065f46 45%,#022c22 100%);border:1px solid #34d39973;border-top:1.5px solid #fff6;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 3px #0009,0 8px 16px -3px #10b9814d,0 2px 4px -1px #0003}.dev-btn-3d-indigo{background:linear-gradient(#eef2ff 0%,#e0e7ff 45%,#c7d2fe 100%);border:1px solid #818cf8d9;border-top:1.5px solid #fff;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #4338ca2e,0 8px 16px -3px #6366f14d,0 2px 4px -1px #0000000d}html.dark .dev-btn-3d-indigo{background:linear-gradient(#312e81 0%,#3730a3 45%,#1e1b4b 100%);border:1px solid #818cf873;border-top:1.5px solid #fff6;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 3px #0009,0 8px 16px -3px #6366f14d,0 2px 4px -1px #0003}.hero-name-timbul{background:linear-gradient(#475569 0%,#1e293b 35%,#0f172a 75%,#020617 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -2px .8px #fff)drop-shadow(1.5px 2px #0f172a99)drop-shadow(3px 4.5px 2px #0f172a73)drop-shadow(0 14px 26px #0f172a40);cursor:default;user-select:none;background-clip:text;margin-top:-.15em;margin-bottom:-.32em;padding:.15em .08em .32em .04em;line-height:normal;transition:filter .3s;display:inline-block}html.dark .hero-name-timbul{background:linear-gradient(#fff 0%,#f1f5f9 30%,#cbd5e1 65%,#94a3b8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -1px .8px #fffc)drop-shadow(1.5px 2px #000000e6)drop-shadow(3px 4.5px 2px #000000b3)drop-shadow(0 14px 26px #00000080);background-clip:text}.hero-name-timbul-blue{background:linear-gradient(#93c5fd 0%,#3b82f6 25%,#2563eb 60%,#1d4ed8 85%,#172554 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -2px .8px #fff)drop-shadow(1.5px 2px #1e3a8ab3)drop-shadow(3px 4.5px 2px #1d4ed88c)drop-shadow(0 16px 30px #2563eb73);cursor:default;user-select:none;background-clip:text;margin-top:-.15em;margin-bottom:-.32em;padding:.15em .08em .32em .04em;line-height:normal;transition:filter .3s;display:inline-block}html.dark .hero-name-timbul-blue{background:linear-gradient(#fff 0%,#bae6fd 20%,#60a5fa 45%,#3b82f6 75%,#1d4ed8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -1px .8px #ffffffb3)drop-shadow(1.5px 2px #0a1e5fe6)drop-shadow(3px 4.5px 2px #1d4ed899)drop-shadow(0 16px 30px #2563eb8c);background-clip:text}.hero-name-dot{background:linear-gradient(#475569 0%,#0f172a 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -2px .8px #fff)drop-shadow(1.5px 2px #0f172a99)drop-shadow(3px 4.5px 2px #0f172a73);background-clip:text;margin-top:-.15em;margin-bottom:-.32em;padding:.15em .08em .32em .04em;line-height:normal;display:inline-block}html.dark .hero-name-dot{background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1.5px #000000e6)drop-shadow(2px 3px 1px #000000b3);background-clip:text}.hero-role-badge-3d{color:#0f172a;user-select:none;cursor:default;background:linear-gradient(#fff 0%,#f1f5f9 45%,#cbd5e1 100%);border:1px solid #94a3b8;border-top:1.5px solid #fff;border-radius:9999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:relative;box-shadow:inset 0 2.5px 3.5px #fff,inset 0 -2px 3px #0000001f,0 10px 20px -3px #0000001f,0 4px 6px -1px #00000014}html.dark .hero-role-badge-3d{color:#f1f5f9;background:linear-gradient(#1e293b 0%,#152033 45%,#0f172a 100%);border:1px solid #ffffff29;border-top:1.5px solid #ffffff4d;box-shadow:inset 0 2px 3px #fff3,inset 0 -2px 3px #00000080,0 10px 20px -3px #00000080,0 4px 6px -1px #0000004d}.hanging-frame-root{transform-origin:50% 0;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s;transform:perspective(1000px)rotate(-3.8deg)}.shadow-nailed-frame{box-shadow:14px 28px 45px -8px #0f172a38,4px 10px 18px -4px #0f172a1f,inset 0 2.5px 3px #fff,inset 0 -2px 4px #00000012}html.dark .shadow-nailed-frame{box-shadow:14px 28px 45px -8px #000000b3,4px 10px 18px -4px #0006,inset 0 2.5px 3px #ffffff2e,inset 0 -2px 4px #0009}.shadow-nailed-frame-hover{box-shadow:18px 36px 55px -10px #2563eb40,6px 16px 24px -4px #0f172a29,inset 0 2.5px 3px #fff,inset 0 -2px 4px #00000012}html.dark .shadow-nailed-frame-hover{box-shadow:18px 36px 55px -10px #2563eb66,6px 16px 24px -4px #00000080,inset 0 2.5px 3px #ffffff40,inset 0 -2px 4px #0009}.about-badge-timbul{background:linear-gradient(#475569 0%,#1e293b 35%,#0f172a 75%,#020617 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -2px .8px #fff)drop-shadow(1.5px 2px #0f172a99)drop-shadow(3px 4.5px 2px #0f172a73)drop-shadow(0 14px 26px #0f172a40);cursor:default;user-select:none;background-clip:text;margin-top:-.15em;margin-bottom:-.32em;padding:.15em .08em .32em .04em;line-height:normal;transition:filter .3s;display:inline-block}html.dark .about-badge-timbul{background:linear-gradient(#fff 0%,#f1f5f9 30%,#cbd5e1 65%,#94a3b8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -1px .8px #fffc)drop-shadow(1.5px 2px #000000e6)drop-shadow(3px 4.5px 2px #000000b3)drop-shadow(0 14px 26px #00000080);background-clip:text}.about-name-timbul-blue{background:linear-gradient(#93c5fd 0%,#3b82f6 25%,#2563eb 60%,#1d4ed8 85%,#172554 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -2px .8px #fff)drop-shadow(1.5px 2px #1e3a8ab3)drop-shadow(3px 4.5px 2px #1d4ed88c)drop-shadow(0 16px 30px #2563eb73);cursor:default;user-select:none;background-clip:text;margin-top:-.15em;margin-bottom:-.32em;padding:.15em .08em .32em .04em;line-height:normal;transition:filter .3s;display:inline-block}html.dark .about-name-timbul-blue{background:linear-gradient(#fff 0%,#bae6fd 20%,#60a5fa 45%,#3b82f6 75%,#1d4ed8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 -1px .8px #ffffffb3)drop-shadow(1.5px 2px #0a1e5fe6)drop-shadow(3px 4.5px 2px #1d4ed899)drop-shadow(0 16px 30px #2563eb8c);background-clip:text}.btn-3d-emerald{color:#065f46;user-select:none;cursor:default;text-shadow:0 1px 1px #ffffffb3;background:linear-gradient(#f0fdf4 0%,#dcfce7 45%,#bbf7d0 100%);border:1px solid #34d399bf;border-top:1.5px solid #fff;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-weight:800;display:inline-flex;position:relative;box-shadow:inset 0 2.5px 3.5px #fff,inset 0 -2px 3px #0596692e,0 10px 22px -3px #10b98161,0 4px 8px -1px #0f172a1f}html.dark .btn-3d-emerald{color:#6ee7b7;text-shadow:0 1px 2px #000c;background:linear-gradient(#064e3b 0%,#065f46 45%,#022c22 100%);border:1px solid #34d39973;border-top:1.5px solid #fff6;box-shadow:inset 0 2.5px 3.5px #ffffff40,inset 0 -2px 3px #0009,0 10px 22px -3px #10b9814d,0 4px 8px -1px #0003}.experience-card-3d{background:linear-gradient(#fff 0%,#fcfdfd 45%,#f8fafc 100%);border:1px solid #e2e8f0f2;border-top:1.5px solid #fff;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;box-shadow:inset 0 2.5px 3px #fff,inset 0 -2.5px 4px #00000008,0 10px 28px -6px #0f172a0f,0 4px 10px -2px #0f172a05}.experience-card-3d:hover{box-shadow:inset 0 2.5px 3px #fff,inset 0 -2.5px 4px #00000008,0 16px 36px -8px #0f172a1a,0 6px 14px -3px #0f172a0a}html.dark .experience-card-3d{background:linear-gradient(#131c2e 0%,#0f172a 60%,#090e1a 100%);border:1px solid #ffffff1a;border-top:1.5px solid #fff3;box-shadow:inset 0 2.5px 3px #ffffff1f,inset 0 -2.5px 4px #0009,0 10px 28px -6px #00000080,0 4px 10px -2px #0000004d}html.dark .experience-card-3d:hover{box-shadow:inset 0 2.5px 3px #ffffff2e,inset 0 -2.5px 4px #0009,0 16px 36px -8px #000000b3,0 6px 14px -3px #0006}.exp-badge{color:#2563eb;background:linear-gradient(#fff 0%,#eff6ff 100%);border:1px solid #bfdbfe;box-shadow:inset 0 1.5px 2px #fff,0 2px 4px #2563eb0f}html.dark .exp-badge{color:#93c5fd;background:linear-gradient(#1e3a8a 0%,#172554 100%);border-color:#60a5fa59;box-shadow:inset 0 1.5px 2px #ffffff26,0 2px 4px #0000004d}.exp-title{color:#0f172a}html.dark .exp-title{color:#f8fafc}.exp-icon-box{color:#2563eb;background:linear-gradient(#fff 0%,#eff6ff 100%);border:1px solid #bfdbfe;box-shadow:0 1px 3px #0000000d}html.dark .exp-icon-box{color:#93c5fd;background:linear-gradient(#1e3a8a 0%,#172554 100%);border-color:#60a5fa59;box-shadow:0 1px 3px #0000004d}.exp-company{color:#334155}html.dark .exp-company{color:#93c5fd}.exp-desc{color:#475569}html.dark .exp-desc{color:#94a3b8}.timeline-dot{background-color:#fff;border-color:#cbd5e1;transition:background-color .55s,border-color .55s,box-shadow .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);transform:scale(1);box-shadow:0 2px 6px #0000000f}html.dark .timeline-dot{background-color:#0f172a;border-color:#334155;box-shadow:0 2px 6px #0006}.timeline-dot-inner{background-color:#94a3b8;transition:background-color .55s}html.dark .timeline-dot-inner{background-color:#64748b}.timeline-item.active .timeline-dot{background-color:#2563eb;border-color:#fff;transform:scale(1.15);box-shadow:0 0 18px #3b82f6bf,0 0 0 4px #3b82f64d}.timeline-item.active .timeline-dot-inner{background-color:#fff}#timeline-glow{animation:2s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px 4px #3b82f680}50%{box-shadow:0 0 20px 6px #6366f1bf}}.project-card-3d[data-astro-cid-c6r7gr4v]{will-change:transform, box-shadow;background:linear-gradient(#fff 0%,#fcfdfd 45%,#f8fafc 100%);border:1px solid #e2e8f0f2;border-top:1.5px solid #fff;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .45s;box-shadow:inset 0 3px 3.5px #fff,inset 0 -3px 5px #0f172a08,0 12px 32px -8px #0f172a12,0 4px 12px -2px #0f172a08}.project-card-3d[data-astro-cid-c6r7gr4v]:hover{border-color:#bfdbfee6;transform:translateY(-8px);box-shadow:inset 0 3.5px 4px #fff,inset 0 -3px 5px #0f172a05,0 24px 50px -12px #2563eb2e,0 10px 24px -4px #0f172a0d}html.dark .project-card-3d[data-astro-cid-c6r7gr4v]{background:linear-gradient(#131c2e 0%,#0f172a 60%,#090e1a 100%);border:1px solid #ffffff1a;border-top:1.5px solid #fff3;box-shadow:inset 0 3px 3.5px #ffffff1f,inset 0 -3px 5px #0009,0 12px 32px -8px #00000080,0 4px 12px -2px #0000004d}html.dark .project-card-3d[data-astro-cid-c6r7gr4v]:hover{border-color:#60a5fa73;box-shadow:inset 0 3.5px 4px #fff3,inset 0 -3px 5px #00000080,0 24px 50px -12px #000c,0 10px 24px -4px #2563eb40}.btn-github-3d[data-astro-cid-c6r7gr4v]{color:#475569;background:linear-gradient(#fff 0%,#f8fafc 45%,#e2e8f0 100%);border:1px solid #cbd5e1d9;border-radius:9999px;justify-content:center;align-items:center;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px #00000014,0 4px 10px -1px #00000014}.btn-github-3d[data-astro-cid-c6r7gr4v]:hover{transform:translateY(-2px)scale(1.08);color:#fff!important;background:linear-gradient(#24292e 0%,#121517 50%,#000 100%)!important;border-color:#ffffff73!important;box-shadow:inset 0 2px 2.5px #ffffff8c,inset 0 -2px 3px #000000e6,0 8px 20px -2px #000000b3!important}.btn-github-3d[data-astro-cid-c6r7gr4v]:active{transform:translateY(1.5px)scale(.96);box-shadow:inset 0 2px 4px #000000e6,0 2px 4px #0000004d;background:linear-gradient(#000 0% 100%)!important}html.dark .btn-github-3d[data-astro-cid-c6r7gr4v]{color:#e2e8f0;background:linear-gradient(#1e293b 0%,#152033 45%,#0f172a 100%);border:1px solid #ffffff26;border-top:1.5px solid #ffffff47;box-shadow:inset 0 2px 2px #ffffff2e,inset 0 -2px 3px #00000080,0 4px 10px -1px #0000004d}.tech-pill-3d[data-astro-cid-c6r7gr4v]{background:linear-gradient(#fff 0%,#f8fafc 50%,#f1f5f9 100%);border:1px solid #e2e8f0;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1.5px 1.5px #fff,inset 0 -1px 1px #0f172a08,0 1px 3px #0f172a0a}.tech-pill-3d[data-astro-cid-c6r7gr4v]:hover{color:#2563eb;background:linear-gradient(#fff 0%,#eff6ff 100%);border-color:#bfdbfe;transform:translateY(-1px);box-shadow:inset 0 1.5px 2px #fff,0 2px 6px #2563eb1f}html.dark .tech-pill-3d[data-astro-cid-c6r7gr4v]{color:#cbd5e1;background:linear-gradient(#1e293b 0%,#162033 50%,#0f172a 100%);border:1px solid #ffffff1a;box-shadow:inset 0 1.5px 1.5px #ffffff1f,inset 0 -1px 1px #0006,0 1px 3px #0000004d}html.dark .tech-pill-3d[data-astro-cid-c6r7gr4v]:hover{color:#93c5fd;background:linear-gradient(#1e3a8a 0%,#172554 100%);border-color:#60a5fa66;box-shadow:inset 0 1.5px 2px #fff3,0 2px 6px #2563eb4d}.portfolio-slider[data-astro-cid-c6r7gr4v]{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.portfolio-slider[data-astro-cid-c6r7gr4v]::-webkit-scrollbar{display:none}.portfolio-slider[data-astro-cid-c6r7gr4v].is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.portfolio-card[data-astro-cid-c6r7gr4v]{scroll-snap-align:start;scroll-snap-stop:normal;will-change:transform;width:85%;min-width:290px;max-width:420px}@media (width>=768px){.portfolio-card[data-astro-cid-c6r7gr4v]{width:calc(50% - 12px);max-width:none}}.portfolio-dot[data-astro-cid-c6r7gr4v].active{background-color:#2563eb;border-radius:9999px;width:1.5rem}html.dark .portfolio-dot[data-astro-cid-c6r7gr4v].active{background-color:#3b82f6}