.fjw-lookup{--fjw-yellow:#f8e821;--fjw-blue:#07549a;--fjw-dark:#063b70;--fjw-text:#27384a;--fjw-muted:#6d7c8c;position:relative;width:100%;padding:clamp(32px,5vw,60px);overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#073f78 0%,#07549a 100%);box-shadow:0 18px 50px rgba(6,59,112,.2)}
.fjw-lookup:before,.fjw-lookup:after{position:absolute;border-radius:50%;background:rgba(248,232,33,.1);content:"";pointer-events:none}.fjw-lookup:before{top:-130px;right:-90px;width:320px;height:320px}.fjw-lookup:after{bottom:-100px;left:-80px;width:240px;height:240px}
.fjw-lookup__heading,.fjw-lookup__form,.fjw-lookup__message,.fjw-lookup__results,.fjw-lookup__note{position:relative;z-index:1}.fjw-lookup__heading{max-width:760px;margin:0 auto 28px;text-align:center}.fjw-lookup__heading>span{display:inline-block;margin-bottom:10px;color:var(--fjw-yellow);font-size:13px;font-weight:700;letter-spacing:1.2px;line-height:1.4}.fjw-lookup__heading h2{margin:0;color:#fff;font-size:clamp(26px,3.4vw,42px);font-weight:700;line-height:1.25}.fjw-lookup__heading p{margin:13px 0 0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.65}
.fjw-lookup__form{max-width:780px;margin:0 auto}.fjw-lookup__field{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;padding:5px 5px 5px 13px;border:2px solid transparent;border-radius:60px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:border-color .25s ease,box-shadow .25s ease}.fjw-lookup__field:focus-within{border-color:var(--fjw-yellow);box-shadow:0 14px 35px rgba(0,0,0,.23)}.fjw-lookup__field>i{color:var(--fjw-blue);font-size:20px;text-align:center}.fjw-lookup__field input{width:100%;height:50px;margin:0!important;padding:0 12px;border:0!important;background:transparent!important;color:var(--fjw-dark);font-size:15px;font-weight:500;box-shadow:none!important;outline:0}.fjw-lookup__field input::placeholder{color:#8b98a5}.fjw-lookup__field button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;margin:0!important;padding:0 24px;border:0;border-radius:50px;background:var(--fjw-yellow);color:var(--fjw-dark);font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.fjw-lookup__field button:hover{background:var(--fjw-blue);color:#fff}.fjw-lookup__field button:disabled{cursor:wait;opacity:.75}.fjw-lookup__field button.is-loading i{animation:fjw-spin .8s linear infinite}@keyframes fjw-spin{to{transform:rotate(360deg)}}
.fjw-lookup__message{max-width:780px;min-height:24px;margin:18px auto 0;color:#fff;font-size:14px;text-align:center}.fjw-lookup__message.is-success{color:#fff}.fjw-lookup__message.is-error{padding:11px 15px;border-radius:10px;background:#fff0f0;color:#ad2525}.fjw-lookup__message.is-empty{display:flex;flex-direction:column;align-items:center;padding:24px;border-radius:15px;background:#fff;color:var(--fjw-text)}.fjw-lookup__message.is-empty i{margin-bottom:10px;color:var(--fjw-blue);font-size:26px}.fjw-lookup__message.is-empty strong,.fjw-lookup__message.is-empty span{display:block}.fjw-lookup__message.is-empty strong{font-size:17px;font-weight:700}.fjw-lookup__message.is-empty span{margin-top:4px;color:var(--fjw-muted)}
.fjw-lookup__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.fjw-lookup__results:has(.fjw-card:only-child){grid-template-columns:1fr;max-width:780px;margin-right:auto;margin-left:auto}.fjw-card{margin:0;padding:24px;border:1px solid rgba(7,84,154,.1);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.14)}.fjw-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #e8edf2}.fjw-card__top>div>span,.fjw-card__top>div>strong{display:block}.fjw-card__top>div>span{color:var(--fjw-muted);font-size:12px;line-height:1.4}.fjw-card__top>div>strong{margin-top:3px;color:var(--fjw-dark);font-size:18px;font-weight:700;line-height:1.3}.fjw-card__status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:30px;font-size:12px;font-weight:700;white-space:nowrap}.fjw-card__status i{font-size:7px}.fjw-card__status--active{background:#e8f8ee;color:#16743a}.fjw-card__status--ending{background:#fff6d8;color:#926900}.fjw-card__status--expired{background:#ffeded;color:#ae2929}.fjw-card h3{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--fjw-dark);font-size:19px;font-weight:700;line-height:1.35}.fjw-card h3 i{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:var(--fjw-yellow);color:var(--fjw-dark);font-size:15px}.fjw-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fjw-card__grid div{min-width:0}.fjw-card__grid span,.fjw-card__grid strong{display:block}.fjw-card__grid span{color:var(--fjw-muted);font-size:12px;line-height:1.4}.fjw-card__grid strong{margin-top:3px;color:var(--fjw-text);font-size:14px;font-weight:600;line-height:1.45;word-break:break-word}.fjw-card__remaining{display:block;margin-top:3px;color:#16743a;font-size:12px;font-style:normal;font-weight:600;line-height:1.4}.fjw-card__remaining--ending{color:#926900}.fjw-card__remaining--expired{color:#ae2929}.fjw-lookup__note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:rgba(255,255,255,.72);font-size:12px;text-align:center}.fjw-lookup__note i{color:var(--fjw-yellow)}
@media(max-width:849px){.fjw-lookup{padding:38px 24px;border-radius:20px}.fjw-lookup__results{grid-template-columns:1fr}}
@media(max-width:549px){.fjw-lookup{padding:32px 15px;border-radius:15px}.fjw-lookup__heading{margin-bottom:22px}.fjw-lookup__heading h2{font-size:25px}.fjw-lookup__heading p{font-size:14px}.fjw-lookup__field{grid-template-columns:38px minmax(0,1fr);padding:4px 4px 4px 7px;border-radius:15px}.fjw-lookup__field input{height:46px;padding:0 7px;font-size:13px}.fjw-lookup__field button{grid-column:1/-1;width:100%;height:44px;margin-top:3px!important;border-radius:11px}.fjw-card{padding:18px 15px}.fjw-card__top{align-items:flex-start}.fjw-card__status{padding:6px 8px;font-size:11px}.fjw-card__grid{grid-template-columns:1fr 1fr;gap:12px 9px}.fjw-lookup__note{align-items:flex-start}}
