*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #1f2b47;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #e94560;--accent-hover: #c73e54;--gold: #f0a500;--success: #4caf50;--warning: #ff9800;--error: #f44336;--border: #2a3a5c;--radius: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .3)}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;outline:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:inherit;outline:none;-webkit-appearance:none}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{padding:0 24px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font-weight:600;font-size:14px;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-gold{background:var(--gold);color:#1a1a2e}.btn-gold:hover{background:#d49200}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.input-group input,.input-group select,.input-group textarea{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:16px;transition:border-color .2s;width:100%}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--accent)}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-success{background:#4caf5026;color:var(--success)}.badge-warning{background:#ff980026;color:var(--warning)}.badge-error{background:#f4433626;color:var(--error)}.grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.grid-3{grid-template-columns:1fr 1fr}}@media (min-width: 900px){.grid-3{grid-template-columns:1fr 1fr 1fr}}.header-nav{display:flex;align-items:center;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}@media (max-width: 640px){.cart-item{flex-direction:column;align-items:stretch;gap:12px}.cart-item-row{display:flex;justify-content:space-between;align-items:center}}.error-text{color:var(--error);font-size:13px}@media (max-width: 640px){.btn{padding:14px 20px;font-size:16px}.btn-sm{padding:10px 14px;font-size:14px}}@media (max-width: 480px){html{font-size:15px}.container{padding:0 12px}.card{border-radius:10px}}