@layer theme,base;@layer components{.hr-art{position:absolute;inset:6% 5% 20%}.hr-fun{clip-path:polygon(0 0,100% 0,63% 100%,37% 100%);box-sizing:border-box;width:50%;height:38%;font:500 11px/14px var(--font-mono);letter-spacing:.06em;color:#0457c8;background:linear-gradient(#e6f0ff,#c9dcff);justify-content:center;padding-top:16px;display:flex;position:absolute;top:20%;left:2%}.hr-av{width:30px;height:30px;font:700 11px/1 var(--font-sans);color:#fff;z-index:2;animation:hrDrop 10s var(--ease) infinite;animation-delay:var(--dl);border-radius:999px;place-items:center;display:grid;position:absolute}@keyframes hrDrop{0%{left:var(--x);opacity:0;top:-4%;transform:scale(1)}6%{opacity:1}28%{opacity:1;top:52%;left:calc(27% - 15px);transform:scale(.7)}32%,to{opacity:0;top:56%;left:calc(27% - 15px);transform:scale(.4)}}.hr-out{width:50%;box-shadow:var(--shadow-sm);box-sizing:border-box;font:600 13px/16px var(--font-sans);color:#07074d;animation:10s var(--ease) infinite;background:#fff;border:1px solid #dfe3ee;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;left:2%}.hr-out i{width:28px;height:28px;font:700 11px/1 var(--font-sans);color:#fff;border-radius:999px;flex:none;place-items:center;font-style:normal;display:grid}.hr-out span{flex:1}.hr-out b{font:600 11px/1 var(--font-sans);color:#07074d;background:#c8f560;border-radius:999px;padding:4px 8px}.hr-o1{animation-name:hrO1;top:64%}.hr-o2{animation-name:hrO2;top:82%}@keyframes hrO1{0%,34%{opacity:0;transform:translateY(-12px)}40%,92%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes hrO2{0%,40%{opacity:0;transform:translateY(-12px)}46%,92%{opacity:1;transform:none}98%,to{opacity:0}}.hr-cal{width:40%;animation:hrCal 10s var(--ease) infinite;background:#fff;border:1px solid #dfe3ee;border-radius:16px;position:absolute;top:22%;right:0;overflow:hidden;box-shadow:0 24px 60px #07074d1f}.hr-cal .top{color:#fff;font:500 11px/1 var(--font-mono);letter-spacing:.08em;background:#046af3;padding:10px 14px}.hr-cal .bd{font:500 12px/16px var(--font-sans);color:#4a4f6e;flex-direction:column;gap:6px;padding:14px;display:flex}.hr-cal .bd b{font:700 18px/22px var(--font-display);color:#07074d}.hr-cal .ok{color:#0457c8;font:600 11px/14px var(--font-sans);background:#e6f0ff;border-radius:999px;align-self:flex-start;margin-top:4px;padding:4px 10px}@keyframes hrCal{0%,52%{opacity:0;transform:translate(30px)}58%,92%{opacity:1;transform:none}98%,to{opacity:0}}.hr-offer{animation:hrOffer 10s var(--ease) infinite;position:absolute;top:66%;right:0}@keyframes hrOffer{0%,68%{opacity:0;transform:translateY(12px)}74%,92%{opacity:1;transform:none}98%,to{opacity:0}}}@layer utilities;