.hpal-wrap{max-width:640px;margin:0 auto;padding:96px 22px 40px}.hpal-ek{font:700 10.5px/1 var(--font-sans, inherit);letter-spacing:.3em;text-transform:uppercase;color:#f08a4b;text-align:center;margin-bottom:12px}.hpal-wrap h1{font-size:clamp(30px,5vw,42px);line-height:1.15;color:#fff;text-align:center;margin:0}.hpal-wrap h1 em{font-style:italic;color:#f08a4b}.hpal-ds{font-size:14px;color:#9fb8cc;text-align:center;margin:10px 0 26px;line-height:1.6}.hpal-glass{background:linear-gradient(155deg,#ffffff12,#ffffff08);border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hpal-trigger{display:flex;align-items:center;gap:12px;border-radius:16px;padding:17px 18px;cursor:pointer;position:relative;margin-bottom:24px;width:100%;text-align:left}.hpal-trigger:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:17px;padding:1.5px;background:linear-gradient(120deg,#f08a4b,#1b84c4,#f08a4b);background-size:250% 250%;animation:hpalShift 5s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes hpalShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hpal-mg{color:#f08a4b}.hpal-trigger>span:nth-child(2){font-size:14.5px;font-weight:600;color:#7e93a6}.hpal-trigger kbd{margin-left:auto;font-size:11px;font-weight:700;color:#8fa5b8;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:5px 8px}.hpal-row{display:flex;align-items:center;gap:13px;padding:16px 18px;cursor:pointer;transition:all .25s;width:100%;text-align:left;background:none;border:none;color:inherit}.hpal-row:hover{background:#e8651e1f}.hpal-row .hpal-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e8651e29;color:#f08a4b;font-size:14px;flex:none}.hpal-row b{font-size:14.5px;font-weight:600;color:#f2f7fb;display:block}.hpal-row small{display:block;font-size:12px;color:#8fa5b8;margin-top:2px}.hpal-row .hpal-go{margin-left:auto;color:#f08a4b;font-size:13px}.hpal-cards .hpal-row{border-radius:16px;margin-bottom:10px}.hpal-cards .hpal-row:hover{transform:translateY(-2px);border-color:#f08a4b8c}.hpal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040e18c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;opacity:0;pointer-events:none;transition:opacity .35s;display:grid;place-items:start center;padding:80px 20px 0}.hpal-overlay.open{opacity:1;pointer-events:auto}.hpal-box{width:min(560px,100%);border-radius:20px;background:linear-gradient(175deg,#10334f,#0a2238);border:1px solid rgba(240,138,75,.5);box-shadow:0 30px 70px #0009;transform:translateY(14px) scale(.97);transition:transform .4s cubic-bezier(.2,.85,.25,1);overflow:hidden;max-height:78vh;display:flex;flex-direction:column}.hpal-overlay.open .hpal-box{transform:none}.hpal-in{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.hpal-in input{flex:1;min-width:0;background:none;border:none;outline:none;font-size:15px;font-weight:600;color:#eaf2f8}.hpal-in input::-moz-placeholder{color:#7e93a6}.hpal-in input::placeholder{color:#7e93a6}.hpal-in kbd{font-size:10px;font-weight:700;color:#8fa5b8;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px 7px}.hpal-lbl{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8fa5b8;padding:14px 18px 6px}.hpal-results{overflow-y:auto}.hpal-empty{padding:20px 18px;font-size:13.5px;color:#8fa5b8}.hpal-foot{padding:13px 18px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#8fa5b8;cursor:pointer;width:100%;background:none;border-left:none;border-right:none;border-bottom:none}.hpal-foot:hover{background:#e8651e1a}.hpal-dot{width:7px;height:7px;border-radius:50%;background:#7fdca9;box-shadow:0 0 8px #7fdca9;flex:none}.hpal-foot b{color:#f08a4b}@keyframes hpalRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hpal-in-anim{animation:hpalRise .9s cubic-bezier(.2,.75,.25,1) both}@media (prefers-reduced-motion: reduce){.hpal-in-anim,.hpal-trigger:before{animation:none!important}.hpal-overlay,.hpal-box{transition:none!important}}