:root{--glass:rgba(255,255,255,0.18)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Roboto,Arial;background:linear-gradient(135deg,#e6f0ffcc,#fff0f7cc);display:flex;align-items:center;justify-content:center}
.app{width:100%;max-width:420px;padding:18px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.logo{width:56px;border-radius:10px;backdrop-filter:blur(8px)}
.card{background:var(--glass);border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(10,10,20,0.08);backdrop-filter:blur(18px);}
h1{margin:6px 0 8px;font-size:20px}
.product{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:10px;margin:8px 0;background:rgba(255,255,255,0.12)}
.btn{padding:12px 18px;border-radius:12px;border:none;background:#007aff;color:#fff;font-weight:600;cursor:pointer;font-size:15px}
.bottom-bar{display:flex;justify-content:center;margin-top:12px}