.pn{--live:#3ddc84}.pn-hero{padding:56px 0 28px;background:radial-gradient(90% 120% at 50% -10%,rgba(255,210,63,.16),transparent 60%),radial-gradient(60% 80% at 100% 0,rgba(61,220,132,.1),transparent 70%)}.pn-kick{margin:0 0 10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--save)}.pn-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,7vw,4.6rem);line-height:.98;letter-spacing:.01em}.pn-hero h1 span{color:var(--sun);display:block}.pn-start{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin-top:26px}.pn-start .cta-alt.big,.pn-start .cta.big{font-size:1.35rem;padding:19px 28px}.pn .cta.pn-online-btn{background:var(--live);box-shadow:0 4px 0 #1f9a59,0 14px 30px -12px rgba(61,220,132,.6)}.pn .cta.pn-online-btn:active{box-shadow:0 1px 0 #1f9a59}.pn-dot{position:relative;display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px rgba(61,220,132,.25);flex:none}.pn-online-btn .pn-dot{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.35)}.pn-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid;color:var(--live);animation:pn-ping 1.8s ease-out infinite}.pn-online-btn .pn-dot:after{color:#fff}@keyframes pn-ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}.pn .pn-join{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;background:none;box-shadow:none}.pn-join label{font-weight:800;font-size:.9rem;color:var(--muted)}.pn-join span{display:flex;gap:8px}.pn-join input{font:inherit;font-size:1.1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;width:10.5em;padding:14px;border-radius:14px;border:1px solid rgba(255,244,228,.28);background:rgba(255,255,255,.05);color:var(--ink)}.pn-join small{color:#ff9a9a;max-width:28em}.pn-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.pn-jump a{text-decoration:none;color:var(--ink);font-weight:800;padding:9px 14px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid var(--hair)}.pn-jump a:hover{background:rgba(255,255,255,.12)}.pn-sec{padding:40px 0;scroll-margin-top:80px}.pn-sec+.pn-sec{border-top:1px solid var(--hair)}.pn-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:18px}.pn-head h2{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.3rem);display:flex;align-items:center;gap:12px}.pn-head p{margin:0;color:var(--muted);max-width:46em}.pn-note{margin:16px 0 0;color:var(--muted)}.pn-note a{color:var(--sun)}.pn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.pn-grid.three{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pn-grid.four{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.pn-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--panel);border:1px solid var(--hair);border-radius:20px;overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.pn-card:focus-visible,.pn-card:hover{transform:translateY(-3px);border-color:var(--ac,var(--sun));box-shadow:0 18px 40px -20px var(--ac,var(--sun))}.pn-art{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,color-mix(in srgb,var(--ac,var(--sun)) 35%,var(--raise)),var(--deep));overflow:hidden;position:relative}.pn-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.pn-card:hover .pn-art img{transform:scale(1.04)}.pn-art i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:4.2rem}.pn-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1 1}.pn-row{display:flex;align-items:center;gap:8px}.pn-feature b,.pn-row b{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.02em;color:var(--ac,var(--sun))}.pn-row em{font-style:normal;font-weight:900;font-size:.7rem;letter-spacing:.12em;padding:3px 8px;border-radius:99px;background:var(--ac,var(--sun));color:var(--night)}.pn-line{color:var(--muted);line-height:1.35}.pn-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px}.pn-foot small{color:var(--quiet);font-weight:700}.pn-go{font-weight:900;color:var(--ink);margin-left:auto}.pn-card.done{opacity:.78}.pn-card.done .pn-go{color:var(--save)}.pn-card.s .pn-row b{font-size:1.2rem}.pn-onlinesec{background:linear-gradient(180deg,rgba(61,220,132,.07),transparent 70%)}.pn-feature{display:grid;grid-template-columns:1.2fr 1fr;text-decoration:none;color:var(--ink);background:var(--panel);border:2px solid rgba(61,220,132,.45);border-radius:24px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;grid-column:1/-1}.pn-feature:focus-visible,.pn-feature:hover{transform:translateY(-3px);box-shadow:0 22px 50px -24px var(--live)}.pn-feature .pn-art{aspect-ratio:auto;height:320px}.pn-feature .pn-art img{height:100%;object-position:center 40%}.pn-feature .pn-body{justify-content:center;gap:10px;padding:24px 26px}.pn-feature b{font-size:2rem}.pn .pn-feature .cta{align-self:flex-start;margin-top:6px;background:var(--live);box-shadow:0 4px 0 #1f9a59}.pn-live{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:.8rem;letter-spacing:.14em;color:var(--live)}@media (max-width:720px){.pn-hero{padding:36px 0 20px}.pn-start{flex-direction:column;align-items:stretch}.pn-start .cta-alt.big,.pn-start .cta.big{width:100%}.pn-join input{flex:1 1;width:auto}.pn-feature{grid-template-columns:1fr}.pn-feature .pn-art{height:auto;aspect-ratio:16/9}.pn .pn-feature .cta{align-self:stretch}.pn-sec{padding:30px 0}}@media (prefers-reduced-motion:reduce){.pn-dot:after{animation:none}.pn-art img,.pn-card,.pn-feature{transition:none}}.pn-jump .pn-snow{padding:9px 14px}