@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap");:root{--background:#0a0a0f;--surface:hsla(0,0%,100%,.05);--surface-hover:hsla(0,0%,100%,.1);--primary:#00f0ff;--secondary:#bd00ff;--text-main:#fff;--text-muted:#a0a0a0;--glass-border:hsla(0,0%,100%,.1);--glow:0 0 20px rgba(0,240,255,.3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--background);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,rgba(189,0,255,.1) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,240,255,.1) 0,transparent 40%);min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:2rem}.glass-panel{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;box-shadow:0 4px 30px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.glass-panel:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 8px 40px rgba(0,0,0,.2)}.btn{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.75rem 1.5rem;border-radius:8px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.btn:hover{background:var(--primary);color:#000;box-shadow:var(--glow)}.btn-secondary{border-color:var(--secondary);color:var(--secondary)}.btn-secondary:hover{background:var(--secondary);box-shadow:0 0 20px rgba(189,0,255,.3)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.card{display:flex;flex-direction:column;gap:1rem}.card img{width:100%;height:200px;object-fit:cover;border-radius:8px;background:rgba(0,0,0,.2)}.card-title{font-size:1.25rem;font-weight:600}.card-price{color:var(--primary);font-weight:700;font-size:1.1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-muted)}.input-field{width:100%;background:rgba(0,0,0,.2);border:1px solid var(--glass-border);padding:.75rem;border-radius:8px;color:var(--text-main);font-family:inherit}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px rgba(0,240,255,.1)}.search-container{position:relative}.search-results{position:absolute;top:100%;left:0;right:0;background:#0f0f16;border:1px solid var(--glass-border);border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 10px 40px rgba(0,0,0,.5)}.search-item{padding:.75rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid hsla(0,0%,100%,.05)}.search-item:hover{background:var(--surface-hover)}.search-item img{width:32px;height:32px;border-radius:4px;object-fit:cover}.radio-group{display:flex;gap:1rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;background:var(--surface);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--glass-border);transition:all .2s}.radio-label:has(input:checked){border-color:var(--primary);background:rgba(0,240,255,.1)}.radio-label:has(input[value=sell]:checked){border-color:var(--primary);background:rgba(0,240,255,.1)}.radio-label:has(input[value=buy]:checked){border-color:var(--secondary);background:rgba(189,0,255,.1)}input[type=radio]{accent-color:var(--primary)}