@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600;900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#373b40;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.resume[data-v-99593d8f]{border:1px solid rgba(255,107,53,.1);border-radius:50px;padding:10px 25px;box-sizing:border-box;margin:0 auto!important;background:linear-gradient(90deg,rgba(255,107,53,.04),transparent)}.resume i[data-v-99593d8f]{margin-left:10px;color:var(--text)}.navbar[data-v-99593d8f]{position:fixed;top:50px;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;color:var(--text);width:90%;padding:10px 20px;border:1px solid rgb(243,167,18,.7);background:#0d121e80;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border-radius:50px;margin:0 auto}.left[data-v-99593d8f]{display:flex;align-items:center;margin-left:2%}.logo[data-v-99593d8f]{background-image:url(/assets/logo-bIcCD_vG.webp);min-width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(1.05) saturate(.9)}.name[data-v-99593d8f]{display:flex;flex-direction:column;font-size:16px;font-weight:900;text-align:left;margin-left:15%;color:var(--text)}.right[data-v-99593d8f]{display:flex;align-items:center}.links[data-v-99593d8f]{display:flex;list-style:none;transition:transform .3s ease-in-out;align-items:center}.links a[data-v-99593d8f]{line-height:16px;font-size:12px;font-weight:800;text-transform:uppercase;display:flex;align-items:center;color:var(--text);text-decoration:none}.links a[data-v-99593d8f]:hover{color:var(--accent)}.links a[data-v-99593d8f]:hover{border-color:var(--accent)}.links.active[data-v-99593d8f]{display:flex}.links a[data-v-99593d8f]{margin:auto 20px;font-size:16px}.hamburger-menu[data-v-99593d8f]{display:none;flex-direction:column;cursor:pointer}.bar[data-v-99593d8f]{background-color:var(--text);height:3px;width:25px;margin:2px 0}.dropdown-content[data-v-99593d8f]{display:none;position:absolute;z-index:1;background-color:#0f141bf2;border-radius:6px;border:1px solid rgba(107,114,128,.08)}.dropdown-content a[data-v-99593d8f]:hover{background-color:#ff6b350f}.dropdown-content a[data-v-99593d8f]{float:none;color:var(--text);margin:0 auto;padding:12px 16px;text-decoration:none;background-color:transparent;display:block;text-align:left}.dropdown:hover .dropdown-content[data-v-99593d8f],.dropdown[data-v-99593d8f]{display:block}.dropdown-link-mobile[data-v-99593d8f]{display:none!important}@media (max-width: 860px){.navbar[data-v-99593d8f]{width:80%}}@media (max-width: 680px){.navbar[data-v-99593d8f]{width:80%;position:absolute}}@media (max-width: 1250px){.resume[data-v-99593d8f]{padding:5px}.name[data-v-99593d8f]{font-size:14px}.links[data-v-99593d8f]{flex-direction:column;background:linear-gradient(180deg,rgba(107,114,128,.5),transparent);border:1px solid rgba(255,107,53,.1);border-radius:0 0 15px 15px;border-top:0px;position:absolute;top:60px;z-index:1;padding:5px;display:none}.hamburger-menu[data-v-99593d8f]{display:flex}.links.active[data-v-99593d8f]{right:0;display:flex}.navbar.active[data-v-99593d8f]{border-bottom-right-radius:0}.links a[data-v-99593d8f]{padding:10px}.dropdown[data-v-99593d8f]{display:none}.dropdown-link-mobile[data-v-99593d8f]{display:block!important;color:var(--text)}}:root{--bg: #070814;--content-bg: #08111b;--bg-gradient: linear-gradient(180deg, #071021 0%, #0b1524 50%, #08111b 100%);--bg-orb-1: radial-gradient(600px 300px at 8% 12%, rgba(255,107,53,.04), transparent 12%);--bg-orb-2: radial-gradient(600px 300px at 88% 82%, rgba(104,196,194,.02), transparent 12%);--panel-glass: rgba(255,255,255,.03);--panel-strong: rgba(13,18,30,.75);--glass-border: rgba(255,107,53,.06);--glass-shadow: 0 18px 50px rgba(2,6,23,.65);--accent-grad: linear-gradient(90deg, #ff6b35 0%, #f3a712 70%);--accent-grad-ballon: linear-gradient(90deg, #ff6b35 0%, #ff6b35 100%);--accent-grad-ballon-top: linear-gradient(90deg, #ff6b35 30%, #f3a712 90%);--accent: #ff6b35;--accent-2: #f3a712;--muted: #94a0b1;--text: #eef2f6;--filler-grad: linear-gradient(90deg,#ff8a57,#ff6b35);--glass-blur: blur(8px)}body{margin:0;font-family:Poppins,sans-serif;background:var(--bg-gradient);background-image:var(--bg-orb-1),var(--bg-orb-2),var(--bg-gradient);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.panel-glass{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);box-shadow:var(--glass-shadow);border-radius:14px}.container{background:transparent}.left-div{box-shadow:inset 0 80px 120px #0000008c}.content{position:relative;text-align:left;border-radius:25px;margin:25px 2%;padding:25px 50px;overflow:visible}.content:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--accent-grad);border-radius:26px;z-index:0;pointer-events:none;filter:blur(.6px)}.content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:25px;background:var(--content-bg);-webkit-backdrop-filter:blur(6px) saturate(110%);backdrop-filter:blur(6px) saturate(110%);box-shadow:var(--glass-shadow);z-index:1;pointer-events:none}.content>*{position:relative;z-index:2}.balloncontainer{display:flex;gap:36px;align-items:flex-start;flex-wrap:nowrap}.name{color:var(--text);font-size:2.4rem;font-weight:900;line-height:1;text-align:center;text-shadow:0 8px 20px rgba(2,6,23,.6)}h1:after{content:"";display:block;height:4px;width:88px;margin-top:14px;border-radius:6px;background:var(--accent-grad);box-shadow:0 8px 26px #ff6b3514}.card-accent{border-radius:16px;background:linear-gradient(180deg,#ffffff03,#ffffff02);border:1px solid rgba(255,255,255,.03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}button,.cta{background:var(--accent-grad);color:#071016;border:0;padding:12px 22px;border-radius:999px;box-shadow:0 14px 36px #ff6b3514;font-weight:800}button:hover,.cta:hover{transform:translateY(-3px)}input[type=text],input[type=email],textarea{background:linear-gradient(180deg,#ffffff03,#ffffff02);border:1px solid rgba(255,255,255,.03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text)}.video-embed{margin:18px 0;display:flex;justify-content:center}.video-wrapper{width:100%;max-width:980px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #02061799;border:1px solid rgba(255,107,53,.06);background:#000}.video-wrapper iframe{width:100%;height:100%;border:0;display:block}.portofolio-navigation a[role=button]{cursor:pointer;text-decoration:none}@media (max-width: 980px){.balloncontainer{flex-direction:column;align-items:center;gap:18px}.ballon{width:260px;height:260px}.name{font-size:2.2rem}}.muted{color:var(--muted)}.kv-underline{height:3px;width:48px;background:var(--accent-grad);border-radius:6px;margin-top:8px}.left-div .group{position:absolute;bottom:3%;right:3%}.container{width:100%}.left-div .element{display:flex;flex-direction:column;justify-content:center;align-items:center;height:30px;width:30px;margin:15px;color:var(--text);border:2px solid var(--text);padding:10px;border-radius:50%;background:transparent}.left-div .element i{display:flex;justify-content:center}.left-div .element:hover{color:var(--accent);border:2px solid var(--accent);cursor:pointer}.ve-progress .value{color:var(--accent)}.empty{height:50px;border:none!important;background-color:transparent!important}.empty:before{-webkit-backdrop-filter:blur(0px) saturate(0%);backdrop-filter:blur(0px) saturate(0%);box-shadow:none!important;z-index:1;pointer-events:none;border-radius:25px;background:none!important}.empty:after{border:none!important;background-color:transparent!important}.balloncontainer{display:flex!important;align-items:center;gap:32px;flex-wrap:nowrap;padding:8px 0}.ballon{position:relative;z-index:2;width:400px;height:400px;flex:0 0 auto;margin:0 auto 0 -15.65em;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;margin-right:4rem}.ballon:before{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;--left-accent-width: calc(50% + 2px) ;width:var(--left-accent-width);background:var(--accent-grad-ballon);border-radius:999px 0 0 999px;z-index:0;pointer-events:none}.ballon:after{content:"";position:absolute;top:0;left:1px;right:0;bottom:0;border-radius:999px;background:var(--content-bg);z-index:1;pointer-events:none}.ballon>*{position:relative;z-index:2}.balloncontainer>h1,.balloncontainer>p,.balloncontainer>ul,.balloncontainer>div.content-inner{flex:1 1 auto}.name{color:var(--text);font-size:4.5em;line-height:1.2;font-weight:800}@media (max-width: 980px){.balloncontainer{flex-direction:column;gap:18px;align-items:center}.ballon{width:300px;height:300px;margin-top:-3rem;box-shadow:0 -1rem 15px #0706064d}.balloncontainer>h1,.balloncontainer>p,.balloncontainer>ul{width:90%;text-align:center}}.container{background-color:var(--bg)}.left-div{background-image:url(/assets/img-CQgEHblX.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;left:0;top:0;width:30%;height:100%;filter:saturate(.9) brightness(.85) contrast(1.05)}.right-div{margin-left:30%;background-color:var(--bg);width:69%;padding-top:125px;border-right:1px solid var(--muted)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--text);margin-top:60px;display:contents}p{letter-spacing:0;font-weight:400;line-height:26px;margin:0 0 30px;font-size:14px;color:var(--text);font-family:Poppins;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-align:justify}h1{font-size:2.5em;line-height:1.2;color:var(--text);font-weight:800}h3{line-height:1.2;color:var(--text);font-weight:600;text-transform:uppercase;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.grid{display:grid;grid-template-columns:1fr 1fr;justify-items:start}ul{list-style:none;padding:0;grid-gap:10px}li{font-size:14px;font-weight:600;text-align:left}strong{display:inline-block;vertical-align:top;width:90px;font-weight:600;text-transform:uppercase;color:var(--accent)}span{color:var(--text)}.date{display:flex;font-size:11px;color:var(--gold);font-weight:600;transform-origin:bottom left;transform:rotate(90deg)}.item-name{text-align:left;margin:0 0 30px 30px;font-size:18px;color:var(--text);font-weight:800}.item{display:inline-block;margin-right:25px}.slider{display:flex;overflow-y:hidden;overflow-x:scroll;white-space:nowrap;margin-bottom:2%}.slider::-webkit-scrollbar{height:7px}.slider::-webkit-scrollbar-thumb{background:#00000073;border-radius:25px;border:2px solid rgba(255,107,53,.06)}.slider{width:100%;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.45) transparent}.percentage-bar{height:5px;background:#6b72801f;position:relative;border-radius:10px}.filler{height:100%;background:var(--filler-grad);border-radius:10px}.label{text-align:end;color:var(--accent)}.language{grid-gap:25px}.value{color:var(--accent)}.programming{display:inline-flex;width:100px;height:100px;background-image:url(/assets/pyhton-CPWD5kKp.webp);background-repeat:no-repeat;margin:0 20px 0 0;background-size:contain;background-position:center;filter:saturate(.9) brightness(.95)}.c-sharp{background-image:url(/assets/c-sharp-DbW13ftz.webp)}.clang{background-image:url(/assets/clang-CyjaNlSE.webp)}.cpp{background-image:url(/assets/c__-kkmuBJ_E.webp)}.go{background-image:url(/assets/go-DcCZr0dq.webp)}.java{background-image:url(/assets/java-Cs0VpsMH.webp)}.javascript{background-image:url(/assets/javascript-C_2gaDgg.webp)}.node{background-image:url(/assets/node-sAsirGzV.webp)}.octave{background-image:url(/assets/octave-Gh0KiEno.webp)}.php{background-image:url(/assets/php-D-PsALZO.webp)}.sql{background-image:url(/assets/sql-CdY62GTr.webp)}.vue{background-image:url(/assets/vue-C4Fy6r0Y.webp)}.gridthree{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:start}.language p{min-height:100px}.portofolio-navigation{background-color:var(--panel);display:flex;width:100%;border-radius:50px;box-shadow:0 6px 18px #00000080}.portofolio-navigation a{margin-left:35px;cursor:pointer;color:var(--text);text-decoration:none;position:relative}.portofolio-navigation h4{display:flex;align-items:center;gap:8px;padding:5px 15px;margin:10px auto}.portofolio-navigation h4 i{display:flex;align-items:center}.portofolio-navigation i img{height:20px;width:auto;display:block}.portofolio-navigation a.active h4{background:linear-gradient(90deg,#ff6b351f,#f3a7120f);border-radius:15px;border:1px solid rgba(255,107,53,.14)}.portofolio-navigation a.active:hover h4{background:linear-gradient(90deg,#ff6b3529,#f3a71214)}.portofolio-navigation a:hover h4{color:var(--accent)}.sketchfab-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px;gap:20px}.sketchfab-embed-wrapper{position:relative;padding-bottom:75%;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,rgba(255,107,53,.02),transparent);border:1px solid rgba(107,114,128,.08)}.sketchfab-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}input[type=text],input[type=email],select,textarea{padding-left:30px;display:block;font-family:Poppins;font-size:14px;height:64px;width:100%;color:var(--text);background:none!important;border:1px solid rgba(107,114,128,.12);resize:none;outline:0;border-radius:30px;transition:all .3s ease 0s}input[type=text]:focus,select:focus,textarea:focus,input[type=email]:focus{border:1px solid var(--accent)}textarea{height:170px;padding-top:30px;padding-bottom:30px;resize:none}label{padding:0 10px;position:absolute;left:35px;top:-5px;font-size:12px;line-height:12px;color:var(--text);font-weight:800;background:var(--content-bg);text-transform:uppercase;z-index:2}.group-val{position:relative;margin-bottom:40px}input[type=submit]{background-color:var(--accent);color:var(--text);padding:12px 20px;border:none;border-radius:4px;cursor:pointer}button{padding:0 35px;position:relative;overflow:hidden;display:inline-block;vertical-align:middle;height:64px;line-height:62px;text-align:center;font-size:12px;color:var(--text);font-weight:800;text-decoration:none;text-transform:uppercase;background:transparent;border:1px solid rgba(107,114,128,.12);cursor:pointer;border-radius:64px;transition:1s all cubic-bezier(.165,.85,.45,1) 0s}button:hover{color:var(--accent);border:1px solid var(--accent);box-shadow:0 6px 18px #ff6b3514}input[type=submit]:hover{background-color:#ff824a}.contact{display:grid;grid-template-columns:1fr 1fr;width:100%;grid-gap:50px}.contact-bottom{padding:30px;float:right;border:1px solid rgba(107,114,128,.12);border-radius:50px;background:linear-gradient(180deg,rgba(255,107,53,.02),transparent)}.contact-bottom h2{margin:0 0 5px;font-size:30px;color:var(--text);font-weight:800}.contact-bottom h3{font-size:11px;color:var(--accent);font-weight:600;text-transform:uppercase}.signature{background-image:url(/assets/signature-C7muct8P.webp);background-size:contain;background-repeat:no-repeat;width:100%;min-height:70px;opacity:.95}@media (max-width: 960px){.content{padding:25px 35px}.portofolio-navigation{flex-direction:column;align-items:center;padding:10px 0;border-radius:0}.portofolio-navigation a{margin:5px 0;width:100%;text-align:center}.portofolio-navigation h4{justify-content:center;margin:5px auto;padding:8px 15px}.right-div{width:100%;padding-top:0}.language{grid-template-columns:none}.left-div{position:relative;width:100%;height:600px}.right-div{margin:0 auto}.empty{display:none}.balloncontainer{align-items:center;padding-bottom:0}.ballon{margin:0 auto;font-size:.6rem;margin-top:-8.4rem;height:200px;width:200px}.ballon:before{content:"";position:absolute;top:-1px;left:0;right:-1px;height:calc(50% + 1px);width:calc(100% + 1px);background:var(--accent-grad-ballon-top);border-radius:999px 999px 0 0;z-index:0;pointer-events:none}.name{font-size:3.5em}.group{bottom:20%!important}.gridthree{grid-template-columns:1fr 1fr}.sketchfab-grid,.contact{grid-template-columns:1fr}input[type=text],input[type=email],select,textarea{width:90%}}.steam{width:100%}.steam-item{background-color:var(--bg);margin:25px 0;width:100%;min-height:190px}.steam-item html{background-color:var(--bg)}.fadeOut{animation-name:fadeOut}.fadeInDown{animation-name:fadeInDown}.fadeInUp{animation-name:fadeInUp}.fade-enter-active{transition:opacity .3s ease-in}.fade-leave-active{transition:opacity .15s ease-out}.fade-enter,.fade-leave-to{opacity:0}@-moz-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes fadeInDown{0%{opacity:.5;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes fadeInDown{0%{opacity:.5;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@-o-keyframes fadeInDown{0%{opacity:.5;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:.5;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@-moz-keyframes fadeInUp{0%{opacity:.5;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes fadeInUp{0%{opacity:.5;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@-o-keyframes fadeInUp{0%{opacity:.5;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:.5;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.c-toast-container{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;padding:2em;overflow:hidden;z-index:9999;pointer-events:none}.c-toast-container--top{flex-direction:column}.c-toast-container--bottom{flex-direction:column-reverse}@media screen and (max-width: 768px){.c-toast-container{padding:0;position:fixed!important}}.c-toast--top,.c-toast--bottom{align-self:center}.c-toast--top-right,.c-toast--bottom-right{align-self:flex-end}.c-toast--top-left,.c-toast--bottom-left{align-self:flex-start}.v--default-css .c-toast--success{background-color:#28a745}.v--default-css .c-toast--info{background-color:#17a2b8}.v--default-css .c-toast--warning{background-color:#ffc107}.v--default-css .c-toast--error{background-color:#dc3545}.v--default-css .c-toast--default{background-color:#343a40}.v--default-css .c-toast{display:grid;align-items:center;animation-duration:.15s;margin:.5em 0;border-radius:.5em;pointer-events:auto;color:#fff;min-height:3em;cursor:pointer;font-family:Avenir,Helvetica,Arial,sans-serif;padding:.5em 2em;word-break:break-word}