:root{--primary: #ff4757;--primary-hover: #ff6b81;--secondary: #2f3542;--accent: #ffa502;--bg-color: #f1f2f6;--card-bg: rgba(255, 255, 255, .8);--glass-bg: rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .3);--text-main: #2f3542;--text-muted: #747d8c;--shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh}.glass-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:var(--shadow);padding:20px}h1,h2,h3{font-weight:700;margin-bottom:1rem}button{cursor:pointer;border:none;border-radius:12px;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px}.btn-primary:active{transform:scale(.95)}.qty-btn{width:30px;height:30px;border-radius:50%;border:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:background .2s}.qty-btn:hover{background:#f0f0f0}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:480px){.container{padding:10px}}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.vibrant-gradient{background:linear-gradient(135deg,#ff4757,#ffa502)}