*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#101a36,#1a1a2e);color:#e6ecff}nav{background:linear-gradient(90deg,#101a36 60%,#e94560);padding:14px 40px;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:100}nav .logo{color:#e94560;font-size:1.5rem;font-weight:700;text-decoration:none}.brand-link{display:inline-flex;align-items:center;gap:10px}.brand-icon{width:34px;height:34px;border-radius:8px;object-fit:cover;box-shadow:0 0 12px rgba(123,174,255,.35)}nav ul{list-style:none;display:flex;gap:24px}nav ul a{color:#ccc;text-decoration:none;font-size:.95rem;transition:color .2s}nav ul a:hover{color:#e94560}.hero{background:linear-gradient(135deg,#101a36,#1a1a2e);color:#fff;text-align:center;padding:80px 20px;box-shadow:0 4px 32px 0 rgba(16,26,54,.12)}.hero h1{font-size:2.8rem;margin-bottom:12px}.hero p{font-size:1.1rem;color:#aaa;margin-bottom:28px}.btn{background:linear-gradient(90deg,#e94560 60%,#4776ff);color:#fff;padding:12px 28px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s;box-shadow:0 2px 12px 0 rgba(233,69,96,.08)}.btn:hover{background:#c73652}.btn:disabled{opacity:.75;cursor:not-allowed}.section{padding:50px 40px}.section h2{font-size:1.8rem;margin-bottom:28px;color:#1a1a2e}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:24px;gap:24px}.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:transform .2s}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:180px;object-fit:cover;background:#ddd}.card-body{padding:16px}.card-body h3{font-size:1rem;margin-bottom:6px}.product-desc{font-size:.85rem;color:#777;margin:4px 0}.card-body .price{color:#e94560;font-weight:700;font-size:1.1rem}.card-body .btn{margin-top:12px;width:100%;text-align:center;padding:9px;font-size:.9rem}.page-content{max-width:800px;margin:50px auto;background:#fff;padding:40px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.07)}.page-content h1{font-size:2rem;color:#1a1a2e;margin-bottom:20px}.page-content h2{font-size:1.2rem;color:#e94560;margin:24px 0 8px}.page-content li,.page-content p{line-height:1.8;color:#555}.page-content ul{padding-left:20px}.section-title{margin-top:32px}.contact-form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.contact-form input,.contact-form select,.contact-form textarea,.modal-card input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit}.contact-form textarea{resize:vertical;min-height:120px}.contact-form .btn{align-self:flex-start}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:#fff;padding:32px 24px;border-radius:12px;max-width:360px;width:100%;margin:auto;position:relative}.modal-card form{display:flex;flex-direction:column;gap:10px}.modal-close{position:absolute;top:8px;right:12px;font-size:1.2em;background:none;border:none;cursor:pointer}.qty-input{width:110px}.wa-input{width:100%}.total-price{margin:8px 0;color:#555}.btn.full{width:100%}.qris-result{margin-top:18px;text-align:center;display:flex;flex-direction:column;gap:8px}.qris-result img{max-width:220px;margin:8px auto;display:block}.error-text{margin-top:12px;color:#b91c1c;font-size:.92rem}.muted{color:#888}footer{background:linear-gradient(90deg,#101a36 60%,#e94560);color:#e6ecff;text-align:center;padding:30px 20px;margin-top:60px}footer a{color:#e94560;text-decoration:none;margin:0 8px}footer a:hover{text-decoration:underline}footer p{margin-top:10px;font-size:.85rem}@media (max-width:768px){nav{padding:12px 16px;gap:10px}nav,nav ul{flex-wrap:wrap}nav ul{gap:12px}.hero h1{font-size:2rem}.section{padding:30px 16px}.page-content{margin:24px 12px;padding:22px}}