*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top,#1a0033,#000);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.container{width:100%;max-width:480px;background:#ffffffeb;padding:28px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #0006,0 0 40px #8c00ff33;border:1px solid rgba(180,0,255,.1)}.top{text-align:center;margin-bottom:18px}.banner{width:100%;max-height:250px;object-fit:cover;border-radius:12px;margin-bottom:12px;background:#000}::placeholder{color:#9ca3af}h1{margin:0;font-size:26px;font-weight:700;letter-spacing:.5px;color:#0f172a}.price{color:#444;font-weight:600;margin-top:5px;font-size:14px}form{display:flex;flex-direction:column;gap:12px}input,textarea{width:100%;padding:13px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111;font-size:14px;transition:all .25s ease}input:focus,textarea:focus{border-color:#3a3a3a;box-shadow:0 0 0 3px #3c3c3c33}textarea{resize:none;height:90px}.custom-select{position:relative}.select-selected{background:#fff;padding:13px;border-radius:10px;border:1px solid #e5e7eb;cursor:pointer;font-size:14px;color:#6b7280;text-align:left}.select-selected:after{content:"\25bc";position:absolute;right:12px;color:#444}.select-items{position:absolute;background:#fff;border-radius:10px;width:100%;top:105%;left:0;z-index:99;border:1px solid #e5e7eb;box-shadow:0 10px 20px #0000001a}.select-items div{padding:10px;cursor:pointer}.select-items div:hover{background:#f3f4f6}.select-hide{display:none}button{width:100%;padding:14px;margin-top:10px;border:none;border-radius:10px;background:linear-gradient(180deg,#3a3a3a,#1f1f1f);color:#e5e7eb;font-weight:600;font-size:15px;cursor:pointer;transition:all .25s ease}button:hover{background:#1f1f1f;transform:translateY(-1px)}.note{font-size:11px;color:#666;margin-top:5px;text-align:center}@media(max-width:480px){.container{padding:20px}h1{font-size:22px}.banner{max-height:100px}}