*{box-sizing:border-box;margin:0;padding:0}



body{
  min-height:100vh;
  font-family:Arial, Helvetica, sans-serif;
  color:#111827;
  background:linear-gradient(135deg,#050505,#141414 55%,#2b220f);
  overflow-x:hidden;
}
.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:35px 18px;position:relative;z-index:2}
.bg-shape{position:fixed;border-radius:50%;filter:blur(5px);opacity:.45;animation:float 9s ease-in-out infinite;z-index:1}
.shape-1{width:330px;height:330px;background:rgba(212,175,55,.35);top:-90px;right:-90px}
.shape-2{width:260px;height:260px;background:rgba(255,255,255,.10);bottom:-80px;left:-70px;animation-delay:2s}
@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(25px) scale(1.05)}}
.card{
  width:100%;max-width:960px;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(255,255,255,.35);
  border-radius:28px;
  padding:34px;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
  animation:showCard .9s ease both;
}
@keyframes showCard{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.brand{display:flex;gap:22px;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}
.logo{width:115px;height:115px;object-fit:contain;background:#fff;border-radius:24px;padding:10px;box-shadow:0 14px 35px rgba(0,0,0,.14);animation:pulseLogo 3.2s ease-in-out infinite}
@keyframes pulseLogo{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 0 rgba(212,175,55,0))}50%{transform:translateY(-7px);filter:drop-shadow(0 0 16px rgba(212,175,55,.45))}}
.tag,.mini-tag{display:inline-block;background:#111827;color:#d4af37;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}
.mini-tag{font-size:11px;padding:6px 10px;background:#fff7dd;color:#8a6a08;border:1px solid #f1d889}
h1{font-size:34px;line-height:1.15;color:#111827}h2{font-size:22px;color:#111827;margin-bottom:2px}p{color:#6b7280;margin-top:8px}
.search-box{background:linear-gradient(135deg,#fff,#fff9e9);border:1px solid #ead68d;border-radius:22px;padding:20px;margin-bottom:24px;box-shadow:0 12px 30px rgba(0,0,0,.07)}
.search-row{display:grid;grid-template-columns:1fr 190px;gap:12px;margin-top:16px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
label span{display:block;font-weight:700;margin-bottom:8px;color:#374151}
input{width:100%;height:52px;border:1px solid #d1d5db;border-radius:15px;padding:0 16px;font-size:15px;background:#f9fafb;transition:.25s}
input:focus{outline:none;border-color:#d4af37;background:#fff;box-shadow:0 0 0 4px rgba(212,175,55,.18);transform:translateY(-2px)}
button{margin-top:24px;width:100%;height:56px;border:none;border-radius:17px;background:linear-gradient(135deg,#111827,#000);color:#fff;font-size:17px;font-weight:800;cursor:pointer;position:relative;overflow:hidden;transition:.25s}
.search-btn{margin-top:0;background:linear-gradient(135deg,#d4af37,#9f7b12);color:#111827}
button:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.25)}
button:disabled{opacity:.7;cursor:not-allowed}.loader{display:none;width:22px;height:22px;border:3px solid rgba(255,255,255,.35);border-top-color:#d4af37;border-radius:50%;animation:spin .8s linear infinite;margin:auto}.search-loader{border-color:rgba(17,24,39,.25);border-top-color:#111827}
.loading .btn-text,.searching .search-text{display:none}.loading .loader,.searching .search-loader{display:block}@keyframes spin{to{transform:rotate(360deg)}}
.message{text-align:center;font-weight:700;min-height:24px;margin-top:16px}.search-message{text-align:left;margin-top:12px}.success{color:#15803d}.error{color:#b91c1c}.info{color:#7c5e09}
.found-flash{animation:foundFlash .9s ease}@keyframes foundFlash{0%{box-shadow:0 0 0 0 rgba(212,175,55,.55)}100%{box-shadow:0 0 0 18px rgba(212,175,55,0)}}
@media(max-width:760px){.card{padding:24px}.brand{flex-direction:column;text-align:center}.logo{width:95px;height:95px}h1{font-size:26px}.grid,.search-row{grid-template-columns:1fr}.search-message{text-align:center}}