.hh{isolation:isolate}.hh-glow{position:absolute;border-radius:9999px;filter:blur(70px);pointer-events:none;z-index:0}.hh-glow-a{width:560px;height:560px;right:-140px;top:-200px;background:rgba(12,124,108,.16)}.hh-glow-b{width:460px;height:460px;left:-160px;bottom:-180px;background:rgba(255,225,77,.32)}.hh-rise{opacity:0;transform:translateY(14px);animation:hh-rise .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d, 0) * 90ms)}@keyframes hh-rise{to{opacity:1;transform:none}}.hh-mark{position:relative;display:inline-block;padding:0 .08em}.hh-mark::before{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.06em;height:.4em;z-index:-1;background:#FFE14D;border-radius:4px;transform:scaleX(0);transform-origin:left;animation:hh-mark .6s .55s cubic-bezier(.2,.7,.2,1) forwards}@keyframes hh-mark{to{transform:scaleX(1)}}.hh-scene{position:relative;width:100%;max-width:30rem;height:27rem}@media (min-width: 640px){.hh-scene{height:29rem}}@media (min-width: 1024px){.hh-scene{max-width:none;height:31rem}}.hh-card{position:absolute;background:#fff;border:1px solid #E7E4DB;border-radius:18px;box-shadow:0 34px 64px -32px rgba(30,42,50,.5),0 12px 28px -18px rgba(30,42,50,.28)}.hh-diploma{left:50%;top:50%;width:min(22.5rem,88%);padding:1.4rem 1.5rem;transform:translate(-41%,-45%) rotate(2.5deg);animation:hh-float 7s ease-in-out infinite}.hh-diploma::before{content:"";position:absolute;inset:7px;border:1px solid rgba(12,124,108,.28);border-radius:13px;pointer-events:none}.hh-diploma::after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;animation:hh-shine 6s ease-in-out infinite}@keyframes hh-shine{0%,60%{background-position:120% 0}100%{background-position:-120% 0}}.hh-qr{width:3.75rem;height:3.75rem;flex:none;background:#fff;border:1px solid #E7E4DB;border-radius:6px;padding:3px}.hh-seal{width:3.25rem;height:3.25rem;flex:none;border-radius:9999px;background:#FFE14D;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #fff,0 0 0 4px #F2CC0F,0 10px 20px -10px rgba(30,42,50,.5)}.hh-course{left:-2%;top:0;width:min(15rem,56%);padding:.9rem;transform:rotate(-7deg);animation:hh-float 8s 1s ease-in-out infinite reverse}.hh-thumb{height:4.5rem;border-radius:12px;margin-bottom:.6rem;color:#fff;background:linear-gradient(135deg,#0C7C6C,#39A796);display:flex;align-items:center;justify-content:center}.hh-progress{height:6px;border-radius:9999px;background:#E7E4DB;overflow:hidden;margin-top:.6rem}.hh-progress i{display:block;height:100%;width:0;border-radius:9999px;background:#0C7C6C;animation:hh-fill 1.4s .9s cubic-bezier(.2,.7,.2,1) forwards}@keyframes hh-fill{to{width:100%}}.hh-chip{position:absolute;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;background:#fff;border:1px solid #E7E4DB;border-radius:9999px;padding:.45rem .85rem;font-size:.75rem;font-weight:600;color:#1E2A32;box-shadow:0 14px 30px -14px rgba(30,42,50,.4)}.hh-chip .material-symbols-outlined{font-size:18px;color:#0C7C6C}.hh-chip-a{right:0;top:3%;animation:hh-float 6s .6s ease-in-out infinite}.hh-chip-b{left:0;bottom:5%;background:#1E2A32;border-color:#1E2A32;color:#FFE14D;animation:hh-float 7s .3s ease-in-out infinite reverse}.hh-chip-b .material-symbols-outlined{color:#FFE14D}.hh-chip-c{right:2%;bottom:-1%;animation:hh-float 6.5s 1.2s ease-in-out infinite}@media (min-width: 1024px){.hh-chip-a{right:-2%}.hh-chip-b{left:-2%}}@keyframes hh-float{0%,100%{translate:0 0}50%{translate:0 -8px}}.hh-marquee{position:relative;overflow:hidden;background:rgba(255,255,255,.55);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.hh-track{display:flex;width:max-content;animation:hh-scroll 60s linear infinite}.hh-half{display:flex;gap:.5rem;padding-right:.5rem}.hh-marquee:hover .hh-track,.hh-marquee:focus-within .hh-track{animation-play-state:paused}@keyframes hh-scroll{to{transform:translateX(-50%)}}.hh-tag{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;border:1px solid #E7E4DB;background:#fff;border-radius:9999px;padding:.4rem .85rem;font-size:.8125rem;font-weight:500;color:#52616B;transition:border-color .15s ease,color .15s ease,background .15s ease}.hh-tag:hover,.hh-tag:focus-visible{border-color:#0C7C6C;color:#0C7C6C;background:rgba(12,124,108,.06)}.hh-tag .material-symbols-outlined{font-size:16px;color:#0C7C6C}.dark .hh-card,.dark .hh-chip,.dark .hh-tag{background:#18232B;border-color:#2A3641;color:#EDF1F3}.dark .hh-qr{background:#fff}.dark .hh-marquee{background:rgba(16,24,29,.6)}.dark .hh-chip-b{background:#1E2A32}@media (prefers-reduced-motion: reduce){.hh-rise{opacity:1;transform:none;animation:none}.hh-mark::before{transform:none;animation:none}.hh-track,.hh-diploma,.hh-diploma::after,.hh-course,.hh-chip-a,.hh-chip-b,.hh-chip-c,.hh-progress i{animation:none}.hh-progress i{width:100%}}