@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);:root{--primary:#e5a100;--primary-dark:#c98c00;--text-dark:#2b2b2b;--text-light:#555;--bg-light:#fafafa;--bg-section:#f3f3f3;--transition:0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Poppins",sans-serif;background:var(--bg-light);overflow-x:hidden;line-height:1.5}#pageLoader{position:fixed;inset:0;background:rgb(255 255 255 / .95);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:99999;font-size:18px;gap:12px;backdrop-filter:blur(3px);transition:.3s ease}.spinner{width:50px;height:50px;border:4px solid #ddd;border-top-color:#e6b800;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navbar-utama{position:fixed;top:0;left:0;width:100%;background:var(--bg-section);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:80px;border-bottom:1px solid #ddd;z-index:1000;overflow:visible}.logo img{height:100px;width:auto}.navbar-menu{display:flex;align-items:center;gap:2rem}.judul_navbar{color:var(--text-dark);text-decoration:none;font-weight:500;position:relative;transition:color var(--transition)}.judul_navbar:hover{color:var(--primary)}.judul_navbar.active{color:var(--primary);font-weight:600}.judul_navbar.active::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--primary)}.drobdown{position:relative}.drobdown>a{display:flex;align-items:center;cursor:pointer}.drobdown-content{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-radius:6px;box-shadow:0 4px 12px rgb(0 0 0 / .1);padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;z-index:2000}.drobdown-content a{display:block;padding:.75rem 1rem;color:var(--text-dark);text-decoration:none;transition:background var(--transition)}.drobdown-content a:hover{background:var(--bg-section);color:var(--primary)}.drobdown:hover .drobdown-content,.drobdown.active .drobdown-content{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0.15s}.navbar-login{margin-left:auto}.btn-login{background:var(--primary);color:#fff;font-weight:600;padding:10px 25px;border-radius:25px;text-decoration:none;transition:background var(--transition),transform var(--transition)}.btn-login:hover{background:var(--primary-dark);transform:scale(1.05)}.navbar-extra{display:none;cursor:pointer;margin-left:1rem}#menu i{font-size:1.8rem;color:var(--text-dark)}svg.feather{width:22px;height:22px;stroke-width:2;color:var(--text-dark);vertical-align:middle}@media (max-width:1366px){.navbar-utama{padding:0 1.5rem;height:75px}.navbar-menu{gap:1.5rem}.judul_navbar{font-size:1rem}.btn-login{padding:8px 22px;font-size:.9rem}}@media (max-width:768px){.navbar-menu{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background:#fff;flex-direction:column;align-items:flex-start;padding:2rem;gap:1rem;overflow-y:auto;transition:left 0.3s ease}.navbar-menu.active{left:0}.navbar-extra{display:block}.navbar-login{margin:0;width:100%}.btn-login{width:100%;text-align:center}.drobdown-content{position:relative;top:0;box-shadow:none;background:var(--bg-section);border-radius:4px;padding:0;opacity:1;visibility:hidden;transform:translateY(0);max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease}.drobdown.active .drobdown-content{visibility:visible;max-height:500px;padding:.5rem 0}body.no-scroll{overflow:hidden}}@media (max-width:450px){.navbar-utama{padding:0 1rem;height:70px}.logo img{height:70px}.judul_navbar{font-size:.95rem}.navbar-menu{top:70px;height:calc(100vh - 70px)}.btn-login{padding:10px 18px;font-size:.9rem}}