:root{--color-primary:#0a0a0a;--color-primary-light:#1a1a1a;--color-secondary:#f0f0f0;--color-accent:silver;--color-metallic:#b0b0b0;--color-dark:#000;--color-text:#1a1a1a;--color-text-light:#6b6b6b;--color-border:#d5d5d5;--color-bg:#fff;--color-bg-alt:#f5f5f5;--color-success:#2d2d2d;--color-danger:#e74c3c;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 8px 24px rgba(0,0,0,.2);--radius:8px;--radius-lg:12px;--max-width:1280px;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;width:100%}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:none;cursor:pointer}button,input,select{font-family:inherit}.container{margin:0 auto;max-width:var(--max-width);padding:0 24px}.btn{align-items:center;border:none;border-radius:var(--radius);display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all var(--transition)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-secondary{background:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-accent{background:var(--color-accent);color:var(--color-dark)}.btn-accent:hover{background:#a8a8a8}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-lg{font-size:16px;padding:16px 32px}.btn-sm{font-size:13px;padding:8px 16px}.btn:disabled{cursor:not-allowed;opacity:.6}.form-group{margin-bottom:16px}.form-group label{color:var(--color-text);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-input{border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px;padding:10px 14px;transition:border-color var(--transition);width:100%}.form-input:focus{border-color:var(--color-primary);outline:none}.product-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.badge-league{background:var(--color-primary);color:#fff}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:60px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.container{padding:0 16px}.product-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}