@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@keyframes dropIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.drop-char{display:inline;opacity:0;animation:fadeIn .3s forwards;word-break:break-word}.BtnScale{cursor:pointer;transition:transform .3s ease!important}.BtnScale:hover{transform:scale(1.05)!important}.bg-carousel{width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image 1s ease-in-out;background-color:#0dcaf0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}body{overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar,::-webkit-scrollbar{width:0;background:transparent}.main-content{min-height:300px;position:relative;z-index:0}:root{--secondary: #6c757d;--success: #198754;--info: #0dcaf0;--warning: #ffc107;--danger: #dc3545;--primary: #0d6efd;--light: #f8f9fa;--dark: #212529;--color-primary-dark-solid: #0b3e85;--color-primary-dark-start: #0d6efd;--color-primary-dark-end: #093c9c;--bg-gradient-primary-dark: linear-gradient(135deg, var(--color-primary-dark-start), var(--color-primary-dark-end));--text-gradient-primary-dark: var(--bg-gradient-primary-dark)}.bg-gradient-primary-dark{background-color:var(--bg-gradient-primary-dark)!important}.text-gradient-primary-dark{background:var(--text-gradient-primary-dark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.bg-javascript{background-color:#f7df1e}.color-javascript{color:#323330}.bg-typescript{background-color:#3178c6}.color-typescript{color:#fff}.bg-python{background-color:#3776ab}.color-python{color:#ffde57}.bg-java{background-color:#007396}.color-java{color:#ea2d2e}.bg-cplusplus{background-color:#00599c}.color-cplusplus{color:#f34b7d}.bg-c{background-color:#555}.color-c{color:#a8b9cc}.bg-csharp{background-color:#239120}.color-csharp{color:#9b4f96}.bg-go{background-color:#00add8}.color-go{color:#fff}.bg-rust{background-color:#000}.color-rust{color:#dea584}.bg-php{background-color:#777bb4}.color-php{color:#fff}.bg-ruby{background-color:#cc342d}.color-ruby{color:#fff}.bg-kotlin{background-color:#0095d5}.color-kotlin{color:#ffb300}.bg-swift{background-color:#f05138}.color-swift{color:#fff}.bg-dart{background-color:#0175c2}.color-dart{color:#13b9fd}.bg-perl{background-color:#39457e}.color-perl{color:#fff}.bg-scala{background-color:#dc322f}.color-scala{color:#fff}.bg-r{background-color:#276dc3}.color-r{color:#fff}.bg-haskell{background-color:#5e5086}.color-haskell{color:#8d79af}.bg-lua{background-color:navy}.color-lua{color:#fff}.bg-elixir{background-color:#4e2a8e}.color-elixir{color:#fff}.bg-erlang{background-color:#a90533}.color-erlang{color:#fff}.bg-gnubash{background-color:#89e051}.color-gnubash{color:#000}.bg-mathworks{background-color:#0076a8}.color-mathworks{color:#f88909}.bg-fortran{background-color:#734f96}.color-fortran{color:#fff}.bg-gnu{background-color:#a42e2b}.color-gnu{color:#fff}.bg-html{background-color:#e34c26}.color-html{color:#fff}.bg-css{background-color:#264de4}.color-css{color:#fff}.color-blade{color:#f9322c}.bg-blade{background-color:#fef2f2}.back-to-top{position:fixed;display:none;right:45px;bottom:45px;z-index:9999999999}.btn{transition:.5s}.btn.btn-primary,.btn.btn-secondary{color:#fff}.btn-square{width:38px;height:38px}.btn-sm-square{width:32px;height:32px}.btn-lg-square{width:48px;height:48px}.btn-square,.btn-sm-square,.btn-lg-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400;border-radius:50px}.header{margin-top:-8rem}.navbarnya{box-shadow:0 0 30px #0003}.btn-glare{position:relative;overflow:hidden}.btn-glare:before{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(120deg,#fff0,#fff6,#fff0);transform:skew(-20deg);transition:none}.btn-glare:hover:before{animation:glare-slide 1s linear forwards}@keyframes glare-slide{0%{left:-75%}to{left:125%}}.nav-bar{position:relative;margin-top:35px;padding:0 3rem;transition:.5s;z-index:99999999}.nav-bar.sticky-top{position:sticky;margin:0;padding:0;z-index:9999}.navbar-toggler:focus{box-shadow:none}.breadcrumb{padding:10px 16px;list-style:none;background-color:#eee}.breadcrumb li{display:inline;font-size:18px}.breadcrumb li+li:before{padding:8px;color:#000;content:"/ "}.breadcrumb li a{color:#0275d8;text-decoration:none}.breadcrumb li a:hover{color:#01447e;text-decoration:underline}.headnya{padding:35px;margin-top:100px}.dropdown-toggle:after{display:none!important}.tambahane,.logoutnya{display:none}.loginnya{display:block}.editnya{display:none}@media screen and (max-width: 361px){.navbar-utama{margin-right:0}.navbar-brand{margin:0}.header{margin-top:-80px!important}.headnya{padding:15px!important;margin-bottom:30px}.headnya .head-1{margin-bottom:0!important}}@media (min-width: 701px) and (max-width: 750px){.headnya{margin-top:-120px}}@media screen and (max-width: 700px){.nav-bar{margin-top:20px;padding:0 1rem}.navbarnya{height:5rem}.navbar-brand{scale:.8;margin-top:-3px}.navbar-utama{padding:0!important;margin:0!important}.navbar-toggler{scale:.8;margin-top:-3px}#navbarCollapse{font-size:1rem;margin:0!important}#navbarCollapse ul{margin:3px 0}#navbarCollapse ul li a{justify-content:center;align-items:center}.header{margin-top:-100px}.headnya{margin-top:0!important}.headnya .px-3{display:flex;flex-direction:column;justify-content:center;align-items:center}.headnya .px-3 a{margin:0!important}.headnya .head-1{font-size:25px;text-align:center;margin-bottom:30px!important}.headnya .animated{text-align:justify}.carousel .carousel-nav{left:0;right:0;width:100%}.carousel-control-prev{position:absolute!important;left:10px;top:50%;transform:translateY(-50%);scale:.7;background-color:transparent!important}.carousel-control-next{position:absolute!important;right:10px;top:50%;transform:translateY(-50%);scale:.7;background-color:transparent!important}}@keyframes slideDown{0%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-20px)}}@media (max-width: 992px){.tambahane{display:block;padding-top:10px;padding-bottom:10px;background-color:#636363}}@media screen and (max-width: 992px){.navbar-profile{display:none!important}.toggle-utama{margin-right:-12px}.navbar-nav{gap:0!important}.nav-link{width:100%;overflow:hidden;padding-left:0!important;background-color:#636363}.nav-link:after,.nav-link:before{padding:0!important}#navbarCollapse{position:absolute;top:100%;left:0;width:100%;background-color:#343a40;border-style:none;transition:height .3s ease}#navbarCollapse ul li a{padding-left:20px!important}.navbar-toggler:hover{transform:skew(20deg)}.menu-utama{margin-left:20px;margin-top:5px;scale:1.2;width:inherit}}#category-container{display:flex;flex-wrap:wrap}.col-lg-3{display:flex;flex-direction:column;justify-content:space-between}.cat-item{display:flex;flex-direction:column;text-align:center;height:100%}.cat-item .rounded{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.about-img img{position:relative;z-index:2}.about-img:before{position:absolute;content:"";top:0;left:-50%;width:100%;height:100%;background:var(--bg-gradient-primary-dark);transform:skew(20deg);z-index:1}.fa-check:before{content:""}.fa-check{color:green;font-size:24px}.btn-social i{font-size:24px;width:70px;height:40px;line-height:40px}.rotate-x{transform:rotateX(180deg);transition:transform .3s ease}.nav-link{display:inline-block;position:relative;color:#fff;text-decoration:none;padding:5px 10px}.nav-link:before,.nav-link:after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;transition:all .4s ease}.nav-link:before{top:0;left:0;transform:scaleX(0);transform-origin:left}.nav-link:after{bottom:0;right:0;transform:scaleX(0);transform-origin:right}@keyframes slidebefore{0%{transform:scaleX(0);transform-origin:left}25%{transform:scaleX(.5);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}75%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(.5);transform-origin:right}}@keyframes slideafter{0%{transform:scaleX(.5);transform-origin:right}25%{transform:scaleX(1);transform-origin:right}50%{transform:scaleX(1);transform-origin:left}75%{transform:scaleX(.5);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}.nav-link:hover:before{animation:slideafter .5s infinite reverse}.nav-link:hover:after{animation:slideafter .5s infinite}.nav-link:after{transition:transform .4s ease-in-out;transform-origin:left}.nav-link:before{transition:transform .4s ease-in-out;transform-origin:right}.BgBlurNormal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff4d;padding:.5rem;border-radius:.5rem}.BgBlurUnderLine{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff4d;padding:.5rem;border-radius:.5rem;border-bottom:2px solid var(--primary)}.modal{max-height:100vh;overflow:hidden}.modal-body{max-height:80vh;overflow-y:auto}.library-modal{border-radius:10px;overflow:hidden;box-shadow:0 0 20px #0009}.modal-content-flip-container{perspective:2000px;position:relative;width:100%;height:90vh}.modal-content-flip-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}.modal-content-flip-inner.flip{transform:rotateY(180deg)}.modal-content-flip-inner>.modal-content{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;overflow:hidden}.modal-content-flip-inner>.modal-content:nth-child(2){transform:rotateY(180deg)}.list-group-item{transition:background-color .2s ease;padding:.75rem 1.25rem;border-color:#444}.list-hover:hover{background-color:#707070!important}.modal-title{font-size:1.25rem}select.form-select{font-weight:500;padding:.3rem .75rem}.btn-close-white{filter:brightness(200%)}.dropdown-hover{position:relative;display:inline-block}.dropdown-menu-hover{display:none;position:absolute;top:100%;left:0;z-index:1000;min-width:160px;overflow:hidden;box-shadow:0 4px 8px #0003}.dropdown-hover:hover .dropdown-menu-hover{display:block}.dropdown-menu-hover li:hover{background-color:#707070!important;color:#fff;cursor:pointer}@media screen and (max-width: 480px){.modal-body{max-height:90vh;overflow-y:auto}.actionModal div{width:max-content}}.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:grid;place-items:center}.glare-hover:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.dropdown-menu.fade{opacity:0;right:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;pointer-events:none;display:block!important;position:absolute!important}.dropdown-menu.fade.show{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.dropdown-menu:not(.show) .icon-control-group{display:none!important}.particles-container{position:relative;width:100%;height:100%}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.breadcrumb-item.active:before{padding:0;padding-right:.5rem;margin:0}.text-neon{color:#0ff;text-shadow:0 0 5px #0ff,0 0 10px #0ff}.modal-footer textarea::placeholder{color:#969191}.custom-scroll::-webkit-scrollbar{width:8px}.custom-scroll::-webkit-scrollbar-track{background:#111}.custom-scroll::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#0ff;box-shadow:0 0 6px #0ff}.custom-scroll{scrollbar-width:thin;scrollbar-color:#0ff #111}pre{margin-bottom:0!important}.chat-window p{margin-bottom:.5rem;white-space:pre-wrap}.btn-prompt-intro:hover{background-color:#6c757d!important;transform:scale(1.05)}@media screen and (max-width: 768px){.prompt-intro{margin:2rem!important}}.modal-backdrop-custom{position:fixed;inset:0;z-index:1050;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center}.modal-open{overflow:hidden}.custom-modal-content{border-radius:1rem;box-shadow:0 0 30px #0003;animation:fadeInScale .3s ease-out}.modal-open .bg-dark .btn-close{filter:invert(1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.vertical-menu-container{position:fixed;top:50%;right:3rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:.5rem 0 0 .5rem;background-color:#8585854d!important;z-index:99999999;transition:right .4s ease,border-radius .4s ease}.vertical-menu-container.scrolled{right:0!important}.menu-item .icon{width:3rem;height:3rem;font-size:1.2rem;cursor:pointer;transform:scale(1);transform-origin:bottom right;transition:transform .3s ease,background-color .3s ease}.menu-item .icon.amber:hover{background-color:#ffc107!important;transform:scale(1.1)}.menu-item .icon.emerald:hover{background-color:#20c997!important;transform:scale(1.1)}.menu-item .icon.crimson:hover{background-color:#dc3545!important;transform:scale(1.1)}.menu-item .label{right:0;opacity:0;transition:all .3s ease;white-space:nowrap;padding:.25rem .5rem;background-color:var(--primary);color:#fff;border-radius:.25rem;font-size:.9rem;pointer-events:none}.menu-item .label.show{right:5rem;opacity:1;transform:translate(0)}@media screen and (max-width: 480px){.vertical-menu-container{right:0}.vertical-menu-container.scrolled{right:-3rem!important;border-radius:.5rem 0 0 .5rem}.vertical-menu-container.scrolled.showMenu{right:0!important}}.layout-container{position:relative;z-index:0;min-height:100%}.bg-lain{top:-5%;z-index:-1}.bg-zigzag{position:absolute;top:-5%;left:0;width:100%;height:105%;z-index:-1;pointer-events:none;overflow:hidden;mask-image:url(/zigzag-bg-no.png);mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-size:100% 110%;-webkit-mask-image:url(/zigzag-bg-no.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-size:100% 110%;transform:scaleX(-1)}.video-bg{width:100%;height:100%;object-fit:cover}