.navbar-ph{z-index:1000;transition:background .4s var(--ease), padding .4s var(--ease), backdrop-filter .4s var(--ease), border-color .4s var(--ease);background:0 0;border-bottom:1px solid #0000;padding:22px 0;position:fixed;top:0;left:0;right:0}.navbar-ph.is-scrolled{-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--border-glass);background:#0b1020;border-radius:20px;width:90%;margin:auto;padding:14px 0;top:10px}.brand{height:90px;font-family:var(--font-display);color:var(--white);align-items:center;gap:10px;font-size:1.32rem;font-weight:800;display:flex}.brand img{width:auto;height:80px}.nav-links{align-items:center;gap:38px;display:flex}.nav-links a{color:var(--light-gray);transition:color .3s var(--ease);font-size:.95rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s var(--ease);position:absolute;bottom:-2px;right:0}.nav-links a:before{content:"";opacity:0;background-image:url(/assets/imgs/logo1-removebg-preview.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:40px;height:20px;transition:all .4s;position:absolute;top:4px;right:0;transform:rotate(50deg)translateY(-10px)}.nav-links a:hover:before{opacity:1;right:-30px;transform:rotate(5deg)translateY(0)}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{width:100%}.navbar-cta{align-items:center;gap:14px;display:flex}.nav-toggle{border-radius:var(--r-sm);border:1px solid var(--border-glass-strong);background:var(--glass-fill-light);width:44px;height:44px;color:var(--white);justify-content:center;align-items:center;display:none}.nav-links .logo-mobil{display:none}.nav-close-btn{background:var(--glass-fill-light);border:1px solid var(--border-glass);width:36px;height:36px;color:var(--white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;left:18px}.nav-links-primary{align-items:center;gap:26px;display:flex}.nav-account-mobile{border-top:1px solid var(--border-glass);flex-direction:column;gap:4px;width:100%;margin-top:30px;padding-top:24px;display:flex}.nav-account-header{align-items:center;gap:12px;padding:8px 16px 18px;display:flex}.nav-account-name{color:var(--white);font-size:.95rem;font-weight:700}.nav-account-link{border-radius:var(--r-sm);color:var(--text-muted);text-align:right;cursor:pointer;width:100%;transition:all .25s var(--ease);background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;display:flex}.nav-account-link:hover{background:var(--bg-elevated);color:var(--white)}.nav-account-link i{color:var(--accent);font-size:18px}.nav-account-link.danger,.nav-account-link.danger i{color:#ff6b6b}@media (max-width:991px){.nav-links-primary{flex-direction:column;gap:5px}.nav-links{background:var(--bg-secondary);width:80%;max-width:340px;transition:transform .45s var(--ease);border-left:1px solid var(--border-glass);flex-direction:column;justify-content:flex-start;align-items:center;gap:0;min-height:100vh;padding:60px 24px 40px;position:fixed;inset:0 0 0 auto;overflow-y:auto;transform:translate(130%)}.nav-links.is-open{transform:translate(0)}.nav-links .logo-mobil{display:block}.nav-toggle{display:inline-flex}.navbar-cta .btn-ghost{display:none}}.navbar-ph.is-scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%)}
.footer{border-top:1px solid var(--border-glass);padding:70px 0 28px}.footer-brand p{max-width:280px;margin-top:16px;font-size:.92rem}.footer-col h4{color:var(--white);text-transform:uppercase;letter-spacing:.08em;text-align:right;margin-bottom:20px;font-size:.84rem;font-weight:700}.footer-col a{color:var(--text-muted);transition:color .3s var(--ease);align-items:baseline;gap:5px;margin-bottom:13px;font-size:.92rem;display:flex}.footer-col a:hover{color:var(--accent)}.footer-contact li{color:var(--text-muted);align-items:flex-start;gap:10px;margin-bottom:13px;font-size:.92rem;display:flex}.social-row{gap:10px;margin-top:22px;display:flex}.social-row a{background:var(--glass-fill-light);border:1px solid var(--border-glass);width:40px;height:40px;transition:background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.social-row a:hover{border-color:var(--accent);color:#04140e;transform:translateY(-3px)}.footer-bottom{border-top:1px solid var(--border-glass);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:50px;padding-top:24px;font-size:.82rem;display:flex}.footer-bottom a{color:var(--text-faint)}.footer-bottom a:hover{color:var(--accent)}
.profile-menu{position:relative}.profile-menu-trigger{cursor:pointer;background:0 0;border:none;padding:0}.profile-menu-avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border:1.5px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.profile-menu-dropdown{z-index:100;background:var(--bg-secondary);border:1px solid var(--border-glass-strong);border-radius:var(--r-md);width:220px;box-shadow:var(--shadow-lift);animation:dropdownIn .25s var(--ease);position:absolute;top:calc(100% + 12px);left:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{border-bottom:1px solid var(--border-glass);align-items:center;gap:10px;padding:16px;display:flex}.profile-menu-name{color:var(--white);font-size:.9rem;font-weight:700}.profile-menu-item{text-align:right;width:100%;color:var(--text-muted);cursor:pointer;transition:all .25s var(--ease);background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;display:flex}.profile-menu-item:hover{background:var(--bg-elevated);color:var(--white)}.profile-menu-item i{color:var(--accent);font-size:18px}.profile-menu-item.danger:hover,.profile-menu-item.danger:hover i{color:#ff6b6b}@media (max-width:991px){.profile-menu-dropdown{box-shadow:none;background:0 0;border:none;width:100%;margin-top:12px;position:static}}.profile-menu-item--highlight{color:var(--accent);font-weight:700}.profile-menu-item--highlight i{color:var(--accent)}.profile-menu-item--highlight:hover{background:var(--accent-soft);color:var(--accent)}