@import"https://fonts.googleapis.com/css2?family=Tomorrow:wght@300;400;500;600;700&display=swap";@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%}.galaxy-container{width:100%;height:100%;position:relative}.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}.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}.ai-modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.ai-modal-overlay.active{opacity:1;visibility:visible}.ai-modal-container{width:100%;max-width:900px;height:80vh;background:#101f22f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(13,204,242,.5);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px #0dccf226,0 25px 50px -12px #00000080;font-family:Tomorrow,sans-serif;animation:modal-enter .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#162a2e80;border-bottom:1px solid rgba(13,204,242,.2)}.ai-header-brand{display:flex;align-items:center;gap:12px}.ai-logo{width:32px;height:32px;background:#0dccf21a;border:1px solid rgba(13,204,242,.4);border-radius:4px;display:flex;align-items:center;justify-content:center}.ai-logo-icon{color:#0dccf2;font-size:16px}.ai-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:.15em;margin:0;display:flex;align-items:baseline;gap:8px}.ai-title-sub{color:#0dccf299;font-size:12px;font-weight:400;letter-spacing:.05em}.ai-header-controls{display:flex;align-items:center;gap:24px}.ai-status-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0dccf20d;border:1px solid rgba(13,204,242,.2);border-radius:4px}.ai-status-dot{width:8px;height:8px;background:#0dccf2;border-radius:50%;position:relative}.pulse-ring:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#0dccf2;border-radius:50%;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;z-index:-1}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.ai-status-text{color:#0dccf2;font-size:11px;font-weight:600;letter-spacing:.1em;font-family:Courier New,monospace}.ai-close-btn{background:transparent;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.ai-close-btn:hover{color:#0dccf2}.ai-model-logo{width:18px;height:18px;border-radius:3px;object-fit:cover}.ai-model-dropdown-logo{width:20px;height:20px;border-radius:4px;object-fit:cover;margin-right:6px}.ai-avatar-logo{width:24px;height:24px;border-radius:4px;object-fit:cover}.ai-model-dropdown-container{position:relative}.ai-model-dropdown-trigger{display:flex;align-items:center;gap:6px;background:#0dccf21a;border:1px solid rgba(13,204,242,.3);border-radius:6px;padding:6px 10px;color:#0dccf2;font-size:11px;font-weight:600;font-family:Tomorrow,sans-serif;cursor:pointer;transition:all .2s ease}.ai-model-dropdown-trigger:hover{background:#0dccf226;border-color:#0dccf280}.ai-model-dropdown-label{white-space:nowrap;letter-spacing:.05em}.ai-model-dropdown-icon{font-size:14px;transition:transform .2s ease}.ai-model-dropdown-icon.open{transform:rotate(180deg)}.ai-model-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#162a2efa;border:1px solid rgba(13,204,242,.3);border-radius:8px;padding:8px;box-shadow:0 10px 40px #00000080,0 0 20px #0dccf21a;z-index:1000;animation:dropdown-enter .2s ease}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-model-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#d1d5db;font-size:12px;font-family:Tomorrow,sans-serif;cursor:pointer;transition:all .15s ease;text-align:left}.ai-model-dropdown-item:hover{background:#0dccf21a;color:#fff}.ai-model-dropdown-item.active{background:#0dccf226;color:#0dccf2}.ai-model-dropdown-item-name{font-weight:500;flex:1;margin-left:4px}.ai-model-dropdown-item-check{width:6px;height:6px;background:#0dccf2;border-radius:50%;flex-shrink:0}.ai-chat-area{flex:1;overflow-y:auto;padding:24px;background:linear-gradient(to bottom,transparent 0%,rgba(11,22,24,.5) 100%),linear-gradient(rgba(13,204,242,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(13,204,242,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;display:flex;flex-direction:column;gap:24px}.ai-chat-area::-webkit-scrollbar{width:4px}.ai-chat-area::-webkit-scrollbar-track{background:#0dccf20d}.ai-chat-area::-webkit-scrollbar-thumb{background:#0dccf24d;border-radius:2px}.ai-session-badge{display:flex;justify-content:center}.ai-session-badge span{font-size:10px;color:#0dccf266;background:#0dccf20d;padding:4px 10px;border-radius:4px;border:1px solid rgba(13,204,242,.1);font-family:Courier New,monospace;letter-spacing:.05em}.ai-chat-message{display:flex;align-items:flex-start;gap:16px;max-width:700px;animation:message-enter .3s ease forwards}@keyframes message-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-chat-ai{align-self:flex-start}.ai-chat-user{align-self:flex-end;flex-direction:row-reverse}.ai-avatar{width:32px;height:32px;border-radius:4px;background:linear-gradient(135deg,rgba(13,204,242,.2) 0%,transparent 100%);border:1px solid rgba(13,204,242,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-avatar-icon{color:#0dccf2;font-size:14px}.ai-avatar-user{background:#374151;border-color:#4b5563}.ai-avatar-user .ai-avatar-icon{color:#9ca3af}.ai-message-body{display:flex;flex-direction:column;gap:4px;flex:1}.ai-message-meta{display:flex;align-items:center;gap:12px;margin-bottom:2px}.ai-message-meta-user{justify-content:flex-end;flex-direction:row-reverse}.ai-sender-name{font-size:11px;font-weight:700;color:#0dccf2;letter-spacing:.1em;font-family:Tomorrow,sans-serif}.ai-chat-user .ai-sender-name{color:#9ca3af}.ai-timestamp{font-size:10px;color:#6b7280;font-family:Courier New,monospace}.ai-message-content{padding:12px 16px;border-radius:6px;font-size:12px;line-height:1.6;position:relative;overflow:hidden}.ai-message-content-ai{background:#162a2ee6;border-left:2px solid rgba(13,204,242,.4);border-radius:0 6px 6px;color:#d1d5db;box-shadow:0 4px 20px #0003}.ai-glow-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,204,242,.05) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.ai-message-content-ai:hover .ai-glow-overlay{opacity:1}.ai-message-content-user{background:transparent;border:1px solid #374151;border-radius:6px 0 6px 6px;color:#e5e7eb;text-align:right}.ai-message-content p{margin:0 0 8px}.ai-message-content p:last-child{margin-bottom:0}.ai-typing{display:flex;align-items:center;gap:3px;height:20px}.ai-typing-bar{width:3px;height:12px;background:#0dccf2;border-radius:2px;animation:typing 1s infinite}.ai-typing-bar:nth-child(2){animation-delay:.15s}.ai-typing-bar:nth-child(3){animation-delay:.3s}@keyframes typing{0%,to{height:4px;opacity:.4}50%{height:16px;opacity:1}}.ai-code-block{margin:12px 0;border-radius:6px;overflow:hidden;border:1px solid rgba(13,204,242,.2);background:#0d1117}.ai-code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0dccf21a;border-bottom:1px solid rgba(13,204,242,.1)}.ai-code-lang{font-size:10px;color:#0dccf2;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-family:Courier New,monospace}.ai-code-copy{background:#0dccf21a;border:1px solid rgba(13,204,242,.3);color:#0dccf2;padding:4px 10px;border-radius:4px;font-size:9px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Tomorrow,sans-serif}.ai-code-copy:hover{background:#0dccf233}.ai-inline-highlight{background:#0dccf21f;color:#4fd1f3;padding:1px 4px;border-radius:3px;font-size:.95em;font-weight:500}.ai-table-container{margin:12px 0;overflow-x:auto;border-radius:4px;border:1px solid rgba(13,204,242,.2)}.ai-table{width:100%;border-collapse:collapse;font-size:11px;font-family:Courier New,monospace;background:#0000004d}.ai-table-head{background:#0dccf21a}.ai-table-header{padding:8px 12px;text-align:left;color:#6b7280;font-weight:600;border-bottom:1px solid rgba(13,204,242,.2);text-transform:uppercase;font-size:9px;letter-spacing:.05em}.ai-table-row{border-bottom:1px solid rgba(13,204,242,.1);transition:background .2s ease}.ai-table-row:last-child{border-bottom:none}.ai-table-row:hover{background:#ffffff08}.ai-table-cell{padding:8px 12px;color:#d1d5db}.ai-suggestions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-left:48px;margin-top:8px}.ai-suggestion-item{background:#162a2e99;border:1px solid rgba(13,204,242,.15);border-radius:6px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:8px}.ai-suggestion-item:hover{transform:translateY(-3px);background:#162a2ee6;border-color:#0dccf266;box-shadow:0 10px 30px #0dccf21a}.ai-suggestion-icon{color:#0dccf2;font-size:16px}.ai-suggestion-text{color:#d1d5db;font-size:11px;font-weight:500;margin:0;line-height:1.4}.ai-footer{padding:16px 24px;background:#162a2ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(13,204,242,.2);display:flex;flex-direction:column;gap:12px}.ai-model-bar{display:flex;align-items:center;gap:12px}.ai-model-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.1em;font-family:Tomorrow,sans-serif}.ai-model-options{display:flex;gap:8px;flex-wrap:wrap}.ai-model-option{background:#0dccf20d;border:1px solid rgba(13,204,242,.2);color:#9ca3af;padding:5px 10px;border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Tomorrow,sans-serif}.ai-model-option:hover{border-color:#0dccf266;color:#d1d5db}.ai-model-option.active{background:#0dccf226;border-color:#0dccf280;color:#0dccf2}.ai-input-group{position:relative;display:flex;align-items:flex-end;gap:8px;background:#0000004d;border:1px solid rgba(13,204,242,.2);border-radius:6px;padding:6px;transition:all .3s ease}.ai-input-group:focus-within{border-color:#0dccf299;box-shadow:0 0 20px #0dccf21a}.ai-attach-btn{width:36px;height:36px;background:transparent;border:none;color:#6b7280;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.ai-attach-btn:hover{color:#0dccf2;background:#ffffff0d}.ai-textarea{flex:1;background:transparent;border:none;color:#e5e7eb;font-size:12px;resize:none;padding:8px;font-family:Tomorrow,sans-serif;min-height:24px;max-height:120px}.ai-textarea::placeholder{color:#4b5563}.ai-textarea:focus{outline:none}.ai-send-button{width:36px;height:36px;background:#0dccf21a;border:1px solid rgba(13,204,242,.3);border-radius:4px;color:#0dccf2;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-send-button:hover:not(:disabled){background:#0dccf2;color:#0b1618}.ai-send-button:disabled{opacity:.4;cursor:not-allowed}.ai-footer-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#4b5563;font-family:Courier New,monospace}.ai-footer-left{display:flex;align-items:center;gap:6px}.ai-secure{display:flex;align-items:center;gap:4px;color:#6b7280}.ai-footer-icon{font-size:10px}.ai-footer-center{text-align:center}.ai-footer-right{text-align:right}@media (max-width: 768px){.ai-modal-container{width:95%;height:90vh}.ai-title-sub{display:none}.ai-chat-area{padding:16px}.ai-suggestions-grid{grid-template-columns:1fr;margin-left:0}.ai-model-bar{flex-direction:column;align-items:flex-start}.ai-model-options{width:100%;overflow-x:auto}.ai-footer-meta{flex-direction:column;gap:8px;align-items:flex-start}}.text-neon{color:#0dccf2;text-shadow:0 0 5px rgba(13,204,242,.5)}pre{margin-bottom:0!important}.chat-window p{margin-bottom:.5rem;white-space:pre-wrap}.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}