:root{--bg-color: #0d0f12;--surface-color: #161a20;--surface-color-elevated: #222730;--primary-color: #ff6b35;--primary-hover: #ff8559;--text-primary: #ffffff;--text-secondary: #a0a6b1;--border-color: #2a313c;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}button{font-family:var(--font-family);border:none;background:none;cursor:pointer}input,textarea,select{font-family:var(--font-family)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}.app-container[data-v-cfd86121]{display:flex;flex-direction:column;min-height:100vh}.header[data-v-cfd86121]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.logo[data-v-cfd86121]{font-size:1.5rem;font-weight:800;color:var(--primary-color)}nav a[data-v-cfd86121]{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s}nav a[data-v-cfd86121]:hover{color:var(--primary-color)}.cart-btn[data-v-cfd86121]{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:transform .2s,background .3s}.cart-btn[data-v-cfd86121]:hover{transform:translateY(-2px);background:var(--primary-hover)}.main-content[data-v-cfd86121]{flex:1;padding:2rem 5%}.footer[data-v-cfd86121]{text-align:center;padding:2rem;color:var(--text-secondary);border-top:1px solid var(--border-color)}
