.hp .sec-head h1{font-size:clamp(30px,4vw,44px)}.hp .certwrap{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}@media (max-width:1000px){.hp .certwrap{grid-template-columns:minmax(0,1fr)}}.hp .cert-scroll{border-radius:18px;overflow-x:auto}.hp .cert{aspect-ratio:1.414;background:var(--paper);width:100%;min-width:640px;color:var(--paper-ink);border-radius:10px;padding:6%;position:relative;overflow:hidden;box-shadow:0 50px 100px -40px #000}.hp .cert:before{content:"";border:2px solid var(--gold);border-radius:4px;position:absolute;inset:18px}.hp .cert:after{content:"";border:1px solid color-mix(in srgb, var(--gold) 60%, transparent);border-radius:2px;position:absolute;inset:26px}.hp .cert .corner{border:6px solid var(--violet);opacity:.9;width:90px;height:90px;position:absolute}.hp .cert .c1{top:-45px;left:-45px;transform:rotate(45deg)}.hp .cert .c2{border-color:var(--lime);bottom:-45px;right:-45px;transform:rotate(45deg)}.hp .cert .in{z-index:1;text-align:center;grid-template-rows:auto auto 1fr auto;height:100%;display:grid;position:relative}.hp .cert .brand{font-family:var(--f-mono);letter-spacing:.12em;color:#6b5f8a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.hp .cert .brand .logo{color:var(--paper-ink);font-size:20px}.hp .cert .brand .logo b{border-radius:7px;width:24px;height:24px}.hp .cert .brand .logo b svg{width:11px;height:11px}.hp .cert h2{font-family:var(--f-serif);letter-spacing:.01em;margin-top:4%;font-size:clamp(26px,3.6vw,44px);font-weight:700}.hp .cert .k{font-family:var(--f-mono);letter-spacing:.3em;color:var(--gold);margin-top:6px;font-size:11px}.hp .cert .mid{align-content:center;gap:10px;display:grid}.hp .cert .pre{font-style:italic;font-family:var(--f-serif);color:#6b5f8a;font-size:16px}.hp .cert .name{font-family:var(--f-script);color:var(--paper-ink);border-bottom:1px solid color-mix(in srgb, var(--gold) 70%, transparent);overflow-wrap:anywhere;margin-inline:12%;padding-bottom:6px;font-size:clamp(40px,6vw,72px);line-height:1.1}.hp .cert .what{color:#3d3360;max-width:56ch;margin-inline:auto;font-size:16px}.hp .cert .what b{color:var(--paper-ink)}.hp .cert .foot{color:#6b5f8a;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;font-size:12px;display:grid}.hp .cert .sig{border-top:1px solid #22183f55;padding-top:6px}.hp .cert .sig i{font-family:var(--f-script);color:var(--paper-ink);margin-bottom:-6px;font-size:30px;font-style:normal;display:block}.hp .cert .sig i.date{font-family:var(--f-mono);margin-bottom:4px;font-size:14px}.hp .cert .seal{background:conic-gradient(from 0deg, var(--gold), #e8c779, var(--gold), #8a6420, var(--gold));color:#fff7e0;border-radius:50%;place-items:center;width:104px;height:104px;animation:30s linear infinite hp-spin;display:grid;position:relative}.hp .cert .seal:before{content:"";border:1px dashed #fff7e0aa;border-radius:50%;position:absolute;inset:8px}.hp .cert .seal div{text-align:center;font-family:var(--f-mono);letter-spacing:.14em;place-items:center;font-size:9px;animation:30s linear infinite reverse hp-spin;display:grid}.hp .cert .seal svg{width:30px;height:30px}.hp .cert .idl{font-family:var(--f-mono);letter-spacing:.06em;font-size:10.5px}.hp .field{color:var(--muted);gap:6px;font-size:14px;display:grid}.hp .field input{background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;border-radius:14px;padding:13px 14px;font-size:16px}.hp .field input:focus{outline:2px solid var(--lime);outline-offset:0}.hp .perks{background:var(--surface-2);border-radius:16px;gap:8px;padding:14px;font-size:14px;display:grid}.hp .perks div{align-items:center;gap:10px;display:flex}.hp .perks svg{width:16px;height:16px;color:var(--lime);flex-shrink:0}@media (prefers-reduced-motion:reduce){.hp .cert .seal,.hp .cert .seal div{animation:none}}
