@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap";:root{--primary-gold:#8b8aff;--dark-gold:#6366f1;--bg-obsidian:#080808;--bg-charcoal:#141414;--bg-card:#1c1c1c;--border-color:#2b2b2b;--text-white:#fff;--text-muted:#aaa;--font-heading:"Oswald", sans-serif;--font-body:"Roboto", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-obsidian);color:var(--text-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}#root{width:100%}.mockup-wrapper{color:#fff;background-color:#0f0d19;border-radius:8px;max-width:800px;margin:0 auto;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mockup-title{text-align:center;color:#fff;margin-bottom:30px;font-size:2.5rem;font-weight:800}.mockup-search-container{gap:10px;margin-bottom:20px;display:flex}.mockup-input{color:#fff;background-color:#1a1727;border:1px solid #2f2a4a;border-radius:6px;outline:none;flex:1;padding:12px 20px;font-size:1rem}.mockup-input::placeholder{color:#7a7690}.mockup-button{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:6px;padding:0 30px;font-size:1rem;font-weight:600}.mockup-button:hover{background-color:#4f46e5}.mockup-error{color:#b95d66;text-align:center;background-color:#2c151c;border-radius:6px;margin-bottom:40px;padding:15px;font-size:.95rem}.mockup-bottom-grid{grid-template-columns:1fr 280px;gap:20px;display:grid}.mockup-left-text{color:#5d5b6e;text-align:center;padding-top:10px;font-size:.95rem}.mockup-cart{background-color:#151322;border-radius:6px;flex-direction:column;padding:20px;display:flex}.mockup-cart-title{color:#6366f1;text-align:center;margin-top:0;margin-bottom:40px;font-size:1.2rem;font-weight:600}.mockup-cart-body{color:#5d5b6e;text-align:center;flex:1;margin-bottom:60px;font-size:.9rem}.mockup-cart-footer{justify-content:space-between;align-items:center;font-weight:700;display:flex}.mockup-cart-footer .label{color:#fff;font-size:1rem}.mockup-cart-footer .amount{color:#6366f1;font-size:1rem}.mockup-left-panel{flex-direction:column;display:flex}.mockup-table{border-collapse:collapse;width:100%;margin-top:20px;font-size:.9rem}.mockup-table th{text-align:left;color:#6366f1;border-bottom:1px solid #2f2a4a;padding:10px}.mockup-table td{color:#ccc;border-bottom:1px solid #1a1727;padding:10px}.name-col{color:#fff;font-weight:700}.price-col{color:#6366f1;font-weight:700}