.hcode{--hcode-accent:#00a8a3;min-height:100%;color:var(--stitch-text,#1e293b)}.hcode__main{box-sizing:border-box;max-width:780px;margin:0 auto;padding:8px 16px 48px}.hcode__hero{text-align:center;padding:16px 0 24px}.hcode__code{letter-spacing:.08em;margin-bottom:14px;font-size:3.4rem;font-weight:800;line-height:1}.hcode__hero h1{letter-spacing:-.02em;margin:0 0 12px;font-size:max(1.6rem,min(4vw,2.2rem));line-height:1.2}.hcode__lead{max-width:620px;color:var(--stitch-text-secondary,#64748b);margin:0 auto 22px;font-size:1.05rem;line-height:1.6}.hcode__cta{color:#fff;background:linear-gradient(135deg,#00cec9 0%,#6c5ce7 100%);border-radius:16px;padding:15px 34px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 8px 24px -4px #00cec959}.hcode__cta:hover{filter:brightness(1.05)}.hcode__types{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px;display:grid}.hcode__type{border:1.5px solid var(--hcode-color);background:var(--hcode-light);border-radius:18px;padding:16px}.hcode__rank{text-transform:uppercase;letter-spacing:.06em;color:var(--hcode-color);margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.hcode__type h2{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;font-size:1.05rem;display:flex}.hcode__badge{background:var(--hcode-color);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:inline-flex}.hcode__nick{color:var(--stitch-text-secondary,#64748b);font-weight:600}.hcode__type p{color:var(--stitch-text-secondary,#475569);margin:0 0 10px;font-size:.9rem;line-height:1.5}.hcode__chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hcode__chips li{background:var(--color-card,#ffffffd9);color:var(--stitch-text-secondary,#475569);border-radius:999px;padding:3px 9px;font-size:.76rem;font-weight:600}.hcode__card{background:var(--color-surface,#ffffffb3);border-radius:24px;margin-bottom:20px;padding:26px 22px;box-shadow:0 4px 20px -4px #0000000a}.hcode__card h2{letter-spacing:-.015em;margin:0 0 8px;font-size:1.3rem}.hcode__card p{color:var(--stitch-text-secondary,#475569);margin:0;font-size:.95rem;line-height:1.6}.hcode__card .hcode__sub{margin-bottom:14px}.hcode__sphere+.hcode__sphere{margin-top:18px}.hcode__sphere h3{margin:0 0 4px;font-size:1.02rem}.hcode__jobs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hcode__jobs li{background:var(--color-card,#ffffffe6);color:var(--stitch-text-secondary,#475569);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;font-size:.88rem;line-height:1.45;display:flex}.hcode__jobs strong{color:var(--stitch-text,#1e293b);font-size:.95rem}.hcode__tags{color:var(--hcode-accent);font-size:.8rem;font-weight:600}.hcode__cta-card{text-align:center}.hcode__cta-card p{margin-bottom:18px}.hcode__related{margin-top:8px}.hcode__related h2{margin:0 0 12px;font-size:1.1rem}.hcode__related ul{flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.hcode__related li a{border:1px solid var(--stitch-border,#64748b40);letter-spacing:.06em;color:var(--stitch-text,#1e293b);border-radius:12px;padding:8px 14px;font-weight:700;text-decoration:none;display:inline-block}.hcode__related li a:hover{border-color:var(--hcode-accent);color:var(--hcode-accent)}.hcode__back{color:var(--hcode-accent);font-size:.92rem;font-weight:600}body.dark-mode-active .hcode,body.dark-mode-active .hcode__jobs strong,body.dark-mode-active .hcode__related li a{color:#fff}@media (max-width:480px){.hcode__card{padding:22px 16px}.hcode__cta{display:block}}