*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}body.menu-open{overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#f44;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative}.logo img{height:40px;width:auto}.burger-menu{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:10px;border-radius:6px;transition:all .3s ease;position:relative;z-index:1001;min-width:44px;min-height:44px;justify-content:center;align-items:center}.burger-menu:hover{background:#ffffff1a}.burger-menu:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.burger-menu span{width:25px;height:3px;background:#fff;margin:3px 0;transition:all .3s ease;border-radius:2px;transform-origin:center;display:block}.burger-menu.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-menu.active span:nth-child(2){opacity:0;transform:scale(0)}.burger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav{transition:all .3s ease}.nav ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:20px;display:block}.nav a:hover{background:#ffffff1a;transform:translateY(-2px)}.hero{background:linear-gradient(135deg,#f44,#ff6b6b);color:#fff;padding:4rem 0;min-height:60vh;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-text h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;animation:fadeInUp .8s ease-out}.hero-text p{font-size:1.2rem;opacity:.9;margin-bottom:2rem;animation:fadeInUp .8s ease-out .2s both}.hero-image img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #0003;animation:fadeInRight .8s ease-out .4s both}.region-nav{background:#f8f9fa;padding:2rem 0}.region-tabs{display:flex;gap:1rem;overflow-x:auto;padding:0 1rem 1rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.region-tabs::-webkit-scrollbar{display:none}.region-tab{background:#fff;border:2px solid #e9ecef;padding:.8rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:500;white-space:nowrap;transition:all .3s ease;color:#666;min-width:-moz-fit-content;min-width:fit-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.region-tab:hover{border-color:#f44;color:#f44;transform:translateY(-2px);box-shadow:0 4px 12px #f443}.region-tab.active{background:#f44;color:#fff;border-color:#f44;transform:translateY(-2px);box-shadow:0 6px 16px #ff44444d}.map-section{padding:3rem 0;background:#fff}.map-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.map-placeholder{position:relative;width:100%;height:400px}.map-placeholder img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.map-markers{position:absolute;top:0;left:0;width:100%;height:100%}.marker{position:absolute;width:15px;height:15px;background:#f44;border:3px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #0000004d;animation:pulse 2s infinite;transition:transform .3s ease}.marker:hover{transform:scale(1.3);animation:none}.marker-jakarta{top:60%;left:35%}.marker-surabaya{top:65%;left:50%}.marker-medan{top:25%;left:25%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.contact-content{padding:4rem 0;background:#f8f9fa}.contact-content h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333;font-weight:600;transition:opacity .3s ease}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:2rem}.contact-methods{display:grid;gap:1.5rem}.contact-item{background:#fff;padding:2rem;border-radius:15px;display:flex;align-items:center;gap:1.5rem;box-shadow:0 5px 20px #00000014;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.contact-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026;border-color:#f44}.contact-item.animate{animation:slideInLeft .6s ease-out}.contact-icon{font-size:2.5rem;min-width:60px;text-align:center}.contact-info h3{font-size:1.3rem;margin-bottom:.5rem;color:#333;font-weight:600}.contact-number{font-size:1.5rem;font-weight:700;color:#f44;margin-bottom:.3rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:all;-moz-user-select:all;user-select:all}.contact-number:hover{color:#e63939;transform:scale(1.05)}.contact-time{color:#666;font-size:.9rem;font-weight:500}.office-address{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;border:2px solid transparent}.office-address:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f;border-color:#f44}.address-item{display:flex;gap:1.5rem}.address-item.animate{animation:slideInRight .6s ease-out}.address-icon{font-size:2.5rem;min-width:60px;color:#f44}.address-info h3{font-size:1.3rem;margin-bottom:1rem;color:#333;font-weight:600}.address-info p{color:#666;line-height:1.6;transition:opacity .3s ease}.important-note{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:5px solid #ff4444;padding:1.5rem;border-radius:10px;margin-top:2rem;animation:slideInUp .6s ease-out}.important-note p{font-weight:500;color:#856404;margin:0}.slider-indicators{padding:2rem 0;background:#fff}.indicators{display:flex;justify-content:center;gap:.5rem}.indicator{width:12px;height:12px;border-radius:50%;background:#ddd;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.indicator:hover{background:#ff6b6b;transform:scale(1.1)}.indicator.active{background:#f44;transform:scale(1.2);border-color:#ff44444d}.footer{background:#2c3e50;color:#fff;padding:3rem 0 1rem}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.footer-column h4{font-size:1.2rem;margin-bottom:1rem;font-weight:600;color:#f44}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{color:#bdc3c7;text-decoration:none;transition:all .3s ease;padding:.3rem 0;display:block}.footer-column a:hover{color:#f44;transform:translate(5px)}.footer-actions{text-align:center;margin-bottom:2rem}.btn-buka-toko{background:linear-gradient(135deg,#f44,#ff6b6b);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;display:inline-block;transition:all .3s ease;box-shadow:0 4px 15px #ff44444d}.btn-buka-toko:hover{background:linear-gradient(135deg,#e63939,#f55);transform:translateY(-3px);box-shadow:0 6px 20px #f446}.footer-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:2rem 0;border-top:1px solid #34495e}.contact-info-footer h4,.app-downloads h4{color:#f44;margin-bottom:1rem;font-weight:600}.contact-info-footer p{margin-bottom:.5rem;color:#bdc3c7}.download-buttons{display:flex;gap:1rem;flex-wrap:wrap}.download-btn{transition:transform .3s ease;display:block}.download-btn img{height:50px;width:auto;border-radius:8px;transition:all .3s ease}.download-btn:hover{transform:translateY(-3px)}.download-btn:hover img{box-shadow:0 4px 15px #0003}.footer-social{text-align:center;padding:1rem 0;border-top:1px solid #34495e}.social-links{display:flex;justify-content:center;gap:1rem}.social-links a{font-size:1.5rem;text-decoration:none;transition:all .3s ease;padding:.5rem;border-radius:50%;background:#ffffff1a}.social-links a:hover{transform:scale(1.2) translateY(-3px);background:#f44}.footer-copyright{text-align:center;padding-top:1rem;border-top:1px solid #34495e;color:#95a5a6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.burger-menu{display:flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f44;padding:1rem 0;border-radius:0 0 15px 15px;box-shadow:0 4px 20px #0003;opacity:0;transform:translateY(-10px);transition:all .3s ease}.nav.active{display:block;opacity:1;transform:translateY(0);animation:slideDown .3s ease-out}.nav ul{flex-direction:column;gap:0;padding:0 1rem}.nav li{border-bottom:1px solid rgba(255,255,255,.1)}.nav li:last-child{border-bottom:none}.nav a{padding:1rem;border-radius:8px;transition:all .3s ease;margin:.25rem 0}.nav a:hover{background:#ffffff26;transform:translate(10px)}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-text h1{font-size:2.5rem}.hero{padding:3rem 0}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-item{padding:1.5rem;flex-direction:column;text-align:center}.footer-columns{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-info{grid-template-columns:1fr;gap:1.5rem}.download-buttons{justify-content:center}.container{padding:0 15px}.contact-content h2{font-size:2rem}.region-tabs{padding:0 0 1rem;margin:0 1rem}.region-tab{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 480px){.hero{padding:2rem 0}.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}.contact-item{padding:1.2rem}.contact-number{font-size:1.3rem}.footer-columns{grid-template-columns:1fr;gap:1.5rem}.social-links{gap:.5rem}.social-links a{font-size:1.3rem;padding:.4rem}.region-tabs{gap:.5rem}.region-tab{padding:.5rem 1rem;font-size:.85rem}.burger-menu{padding:8px;min-width:40px;min-height:40px}.burger-menu span{width:22px;height:2px}}html{scroll-behavior:smooth}.burger-menu:focus,.region-tab:focus,.indicator:focus,.contact-number:focus{outline:2px solid #ff4444;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}