@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#080a11;color:#eef1fa;font-family:'DM Sans',sans-serif}header{min-height:68px;padding:0 max(calc((100% - 1120px)/2),20px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252a3b;background:#0d101a;position:sticky;top:0;z-index:5}header b{font:700 19px 'Space Grotesk';letter-spacing:1px}nav{display:flex;gap:20px}a{color:#aeb7d0;text-decoration:none}a:hover{color:white}main{max-width:1120px;margin:auto;padding:24px}.hero{padding:64px 0 48px}.hero small,.eyebrow{color:#929fff;letter-spacing:2px;font-weight:700}.hero h1{font:700 clamp(42px,8vw,76px)/1.04 'Space Grotesk';margin:17px 0}.hero h1 span{color:#929fff}.hero p{color:#9da6bf;line-height:1.7;max-width:600px}section{margin:36px 0}h2{font:600 25px 'Space Grotesk'}input,textarea,select{width:100%;padding:12px 14px;background:#121725;border:1px solid #303851;color:#f5f6ff;border-radius:10px;margin:7px 0;font:inherit;min-width:0}textarea{min-height:90px}button{padding:11px 16px;background:#7785ff;color:white;border:0;border-radius:10px;font-weight:700;cursor:pointer;margin:6px 5px 6px 0}button:hover{filter:brightness(1.12)}button.ghost{background:#283149}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card,.panel{background:#111624;border:1px solid #283149;border-radius:16px;padding:18px;overflow:hidden}.card img{width:calc(100% + 36px);height:145px;object-fit:cover;margin:-18px -18px 16px}.card h3{margin:5px 0 8px}.card p,.hint,small{color:#98a2bd;line-height:1.6}.price{font:700 24px 'Space Grotesk';color:#aab3ff;margin:14px 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat{background:#141b2b;padding:17px;border:1px solid #28314a;border-radius:14px;color:#9da8c3}.stat strong{display:block;font-size:25px;color:#aab3ff;margin-top:5px}.qris{width:220px;max-width:100%;display:block;margin:15px 0;border-radius:12px;background:white;padding:8px}form{max-width:700px}label{display:block;color:#b7bfd4;margin-top:12px}footer{text-align:center;padding:30px;color:#717b95;border-top:1px solid #222638}table{width:100%;border-collapse:collapse;background:#111624;border-radius:12px;overflow:hidden;margin:12px 0;display:block;overflow-x:auto}td,th{text-align:left;padding:12px;border-bottom:1px solid #293149;font-size:13px;white-space:nowrap}th{color:#aab3ff}.muted{color:#8c96b0}.topline{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.notice{padding:12px;background:#171f32;border-radius:10px;color:#bdc6df;margin:12px 0}@media(max-width:600px){header{padding:0 14px}nav{gap:11px;font-size:13px}header b{font-size:16px}main{padding:15px}.hero{padding:44px 0}.hero h1{font-size:48px}}