.pkw{--pkw-play:#ffd21f;--pkw-learn:#12b5a6;--pkw-shine:#9b72e8;--pkw-grow:#ff6f61;--pkw-ink:#0d2a63;--pkw-star:#ffd43b;color:#fff;width:100%;font-family:var(--pk-font,"Outfit",sans-serif);background:linear-gradient(160deg,#0a4fa8 0%,#0b5cb8 45%,#08408a 100%);padding:72px 24px 56px;position:relative;overflow:hidden}.pkw-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pkw-glow{background:#4696eb47;border-radius:50%;animation:14s ease-in-out infinite alternate pkw-drift;position:absolute}.pkw-glow--1{width:460px;height:460px;top:-200px;right:-120px}.pkw-glow--2{background:#3cc8be29;width:300px;height:300px;animation-delay:-6s;bottom:-140px;left:-90px}.pkw-dot{background:#ffffff73;border-radius:50%;width:6px;height:6px;animation:7s ease-in-out infinite alternate pkw-floaty;position:absolute}.pkw-star{animation:3s ease-in-out infinite pkw-twinkle;position:absolute}.pkw-inner{z-index:1;max-width:1280px;margin:0 auto;position:relative}.pkw-head{align-items:center;gap:24px;margin-bottom:0;display:flex}.pkw-logo{background:#1ba4e0;border:4px solid #fff;border-radius:22px;flex:none;width:96px;height:96px;overflow:hidden;box-shadow:0 10px 28px #00000040}.pkw-logo img{object-fit:cover;width:100%;height:100%;display:block}.pkw-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:clamp(20px,5vw,18px);font-weight:800;line-height:1.05}.pkw-sub{color:#ffffffd9;margin:8px 0 4px;font-size:clamp(16px,1.6vw,16px)}.pkw-tagline{color:var(--pkw-star);margin:0;font-size:clamp(1.05rem,1.8vw,1.4rem);font-weight:700}.pkw-journey{position:relative}.pkw-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pkw-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:22px;padding-top:0;display:grid;position:relative}.pkw-step-1{margin-top:150px}.pkw-step-2{margin-top:100px}.pkw-step-3{margin-top:50px}.pkw-step-4{margin-top:0}.pkw-card{--accent:var(--pkw-play);--on-accent:var(--pkw-ink);color:var(--pkw-ink);background:#fff;border:3px solid #0000;border-radius:24px;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;overflow:hidden;box-shadow:0 14px 34px #0014464d}.pkw-card--play{--accent:var(--pkw-play);--on-accent:var(--pkw-ink)}.pkw-card--learn{--accent:var(--pkw-learn);--on-accent:#fff}.pkw-card--shine{--accent:var(--pkw-shine);--on-accent:#fff}.pkw-card--grow{--accent:var(--pkw-grow);--on-accent:#fff}.pkw-card:hover,.pkw-card:focus-within{border-color:var(--accent);box-shadow:0 26px 50px #0014466b;transform:translateY(-10px)scale(1.03)!important}.pkw-card:hover .pkw-illus{transform:translateY(-4px)scale(1.05)rotate(-1deg)}.pkw-card-head{background:var(--accent);color:var(--on-accent);align-items:center;gap:14px;padding:6px 10px;display:flex;position:relative}.pkw-badge{width:32px;height:32px;color:var(--pkw-ink);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid;box-shadow:0 4px 10px #00000026}.pkw-card-title{margin:0;font-size:22px;font-weight:800;line-height:1}.pkw-step-no{opacity:.55;margin-left:auto;font-size:1.1rem;font-weight:700}.pkw-card-body{flex-direction:column;flex:1;padding:18px 20px 14px;display:flex}.pkw-card-heading{color:var(--pkw-ink);margin:0 0 8px;font-size:17px;font-weight:800}.pkw-card-text{color:#2a3f6b;margin:0;font-size:.98rem;line-height:1.55}.pkw-illus{margin-top:auto;padding-top:14px;transition:transform .4s}.pkw-card--play .pkw-illus{background:radial-gradient(circle at 50% 80%,#fff4bf,#0000 70%)}.pkw-card--learn .pkw-illus{background:radial-gradient(circle at 50% 80%,#c7f2ee,#0000 70%)}.pkw-card--shine .pkw-illus{background:radial-gradient(circle at 50% 80%,#e6dcfb,#0000 70%)}.pkw-card--grow .pkw-illus{background:radial-gradient(circle at 50% 80%,#ffd9d3,#0000 70%)}.pkw-svg{width:100%;height:auto;display:block;overflow:visible}.pkw-closing{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:10px 0 0;font-size:23px;font-weight:800;display:flex}.pkw-closing-star{width:26px;height:26px;animation:8s linear infinite pkw-spin}.pkw-closing-sep{opacity:.6}.pkw-closing-accent{color:var(--pkw-star);font-size:20px}.pkw-float{animation:3.2s ease-in-out infinite alternate pkw-floaty}.pkw-d2{animation-delay:-1s}.pkw-d3{animation-delay:-2s}.pkw-bounce{transform-box:fill-box;transform-origin:bottom;animation:1.4s ease-in infinite pkw-bounce}.pkw-pulse{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite pkw-pulse}.pkw-twinkle{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite pkw-twinkle}.pkw-note{animation:3.4s ease-in-out infinite pkw-note}.pkw-sway{transform-box:fill-box;transform-origin:bottom;animation:3.6s ease-in-out infinite alternate pkw-sway}.pkw-grow{transform-box:fill-box;transform-origin:bottom;animation:4s ease-in-out infinite alternate pkw-growth}.pkw-book{transform-box:fill-box;transform-origin:bottom;animation:3.4s ease-in-out infinite alternate pkw-book}@keyframes pkw-floaty{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@keyframes pkw-drift{0%{transform:translate(0)}to{transform:translate(-24px,18px)}}@keyframes pkw-twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes pkw-bounce{0%,to{transform:translateY(0)}50%{animation-timing-function:ease-out;transform:translateY(26px)}}@keyframes pkw-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes pkw-note{0%{opacity:0;transform:translateY(6px)}30%,70%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes pkw-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes pkw-growth{0%{transform:scale(.94)}to{transform:scale(1.04)}}@keyframes pkw-book{0%{transform:scaleX(.95)scaleY(.98)}to{transform:scaleX(1.03)scaleY(1.02)}}@keyframes pkw-spin{to{transform:rotate(360deg)}}@media (max-width:991px){.pkw{padding:56px 20px 44px}.pkw-path{display:none}.pkw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pkw-step-1,.pkw-step-3{margin-top:24px}.pkw-step-2,.pkw-step-4{margin-top:0}}@media (max-width:640px){.pkw{padding:44px 16px 36px}.pkw-head{align-items:flex-start;gap:16px;margin-bottom:28px}.pkw-title{font-size:clamp(17px,5vw,18px)}.pkw-sub{margin:4px 0 0;font-size:clamp(14px,1.6vw,16px)}.pkw-logo{border-radius:18px;width:72px;height:72px}.pkw-grid{grid-template-columns:1fr;gap:18px}.pkw-step-1,.pkw-step-2,.pkw-step-3,.pkw-step-4{margin-top:0}.pkw-step-2,.pkw-step-4{margin-left:0}.pkw-illus{max-width:260px;margin-left:auto;margin-right:auto}.pkw-closing{margin-top:36px}.pkw-glow--1{width:280px;height:280px;top:-120px;right:-100px}.pkw-closing,.pkw-closing-accent{font-size:15px}}@media (hover:none){.pkw-card:hover{border-color:#0000;box-shadow:0 14px 34px #0014464d;transform:none!important}.pkw-card:hover .pkw-illus{transform:none}}@media (prefers-reduced-motion:reduce){.pkw *,.pkw :before,.pkw :after{transition:none!important;animation:none!important}.pkw-star,.pkw-twinkle{opacity:1}}
