:root{--pp-ink:#292c28;--pp-muted:#7c7b75;--pp-paper:#fbf7f1;--pp-card:#fffdf9;--pp-sage:#7d876c;--pp-sage-light:#dfe2d4;--pp-peach:#d6a376;--pp-peach-light:#f1dfcf;--pp-plum:#8d6f79;--pp-line:#e8dfd4;--pp-shadow:0 18px 50px rgba(68,58,48,.08)}
.pp-shell{max-width:1180px;margin:0 auto;padding:32px 20px 72px;color:var(--pp-ink);font-family:Inter,Arial,sans-serif}.pp-shell *{box-sizing:border-box}.pp-hero{background:linear-gradient(135deg,#7a806d,#596250);color:white;border-radius:28px;padding:48px;display:flex;justify-content:space-between;gap:32px;align-items:flex-end;box-shadow:var(--pp-shadow);position:relative;overflow:hidden}.pp-hero:after{content:"";position:absolute;right:-70px;top:-80px;width:280px;height:280px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.pp-kicker,.pp-section-title span,.pp-badges>span{font-size:12px;letter-spacing:.22em;font-weight:700;opacity:.8}.pp-hero h1,.pp-section-title h2,.pp-badges h2{font-family:Georgia,serif;font-weight:400;margin:.2em 0;font-size:48px}.pp-hero p{letter-spacing:.12em;text-transform:uppercase;font-size:13px}.pp-profile-card{min-width:300px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);padding:20px;border-radius:18px;backdrop-filter:blur(8px)}.pp-profile-card div{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.13)}.pp-profile-card div:last-child{border-bottom:0}.pp-profile-card span{display:block;font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:.12em}.pp-profile-card strong{display:block;margin-top:4px}.pp-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 40px}.pp-apparatus-card{border:1px solid var(--pp-line);background:var(--pp-card);border-radius:20px;padding:20px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;cursor:pointer;transition:.25s;box-shadow:0 8px 30px rgba(68,58,48,.04)}.pp-apparatus-card:hover{transform:translateY(-2px);box-shadow:var(--pp-shadow)}.pp-icon{font-size:30px;color:var(--pp-sage)}.pp-apparatus-card small{font-size:9px;letter-spacing:.15em;color:var(--pp-muted);display:block}.pp-apparatus-card strong{display:block;margin-top:3px}.pp-ring{--pct:0;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pp-sage) calc(var(--pct)*1%),#ece9e4 0);position:relative}.pp-ring:after{content:"";width:42px;height:42px;border-radius:50%;background:white;position:absolute}.pp-ring b{z-index:1;font-size:11px}.pp-apparatus{background:var(--pp-paper);border:1px solid var(--pp-line);border-radius:26px;padding:32px;margin:0 0 32px}.pp-section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.pp-section-title h2,.pp-badges h2{font-size:38px}.pp-section-title p{max-width:420px;color:var(--pp-muted);margin:0}.pp-level-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pp-tab{border:1px solid var(--pp-line);background:white;border-radius:16px;padding:15px 18px;display:grid;grid-template-columns:1fr auto;text-align:left;cursor:pointer}.pp-tab span{grid-column:1/3;font-size:9px;letter-spacing:.14em;color:var(--pp-muted)}.pp-tab strong{margin-top:5px}.pp-tab em{font-style:normal;margin-top:5px;font-weight:700}.pp-tab.is-active{border-color:var(--pp-sage);box-shadow:inset 0 0 0 1px var(--pp-sage-light)}.pp-level-panel{display:none;padding-top:22px}.pp-level-panel.is-active{display:block}.pp-progressbar{height:8px;background:#ece7df;border-radius:999px;overflow:hidden}.pp-progressbar span{display:block;height:100%;background:linear-gradient(90deg,var(--pp-sage),#9aa58a)}.pp-progressmeta{display:flex;justify-content:space-between;font-size:12px;color:var(--pp-muted);margin:8px 0 18px}.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pp-exercise{background:white;border:1px solid var(--pp-line);border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;min-height:96px}.pp-stamp{width:46px;height:46px;min-width:46px;border-radius:50%;border:1.5px dashed #c7bdb1;display:grid;place-items:center;font-weight:800}.pp-exercise.is-done{border-color:#cfd6c5;background:#fcfdf9}.pp-exercise.is-done .pp-stamp{border-style:solid;border-color:var(--pp-sage);background:var(--pp-sage);color:white}.pp-exercise h3{font-size:14px;margin:0 0 4px}.pp-exercise p,.pp-exercise small{margin:0;color:var(--pp-muted);font-size:11px}.pp-achievement{margin-top:20px;background:#fff8e9;border:1px solid #eadcb8;padding:18px;border-radius:16px;display:flex;gap:10px;align-items:center}.pp-achievement span{color:var(--pp-muted);font-size:12px}.pp-badges{padding:32px;background:white;border:1px solid var(--pp-line);border-radius:26px}.pp-badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pp-badge{border:1px dashed #d9d2c9;border-radius:20px;padding:22px;text-align:center;opacity:.62;background:#fffdf9;display:flex;flex-direction:column;align-items:center;gap:8px;transition:.2s}.pp-badge.is-earned{opacity:1;border-style:solid;background:#f5f7f0;border-color:#ccd4c0;box-shadow:0 8px 24px rgba(68,58,48,.06)}.pp-badge img{width:92px;height:92px;object-fit:contain;display:block;filter:grayscale(.1)}.pp-badge strong,.pp-badge small,.pp-badge em{display:block}.pp-badge strong{font-size:16px}.pp-badge small{color:var(--pp-muted);font-size:12px;min-height:32px}.pp-badge em{font-style:normal;font-weight:700;color:var(--pp-sage);font-size:12px}.pp-login-required{max-width:760px;margin:40px auto;padding:30px;border:1px solid #e6ddd1;background:#fbf7f1;border-radius:18px;text-align:center}
@media(max-width:1100px){.pp-badge-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pp-overview{grid-template-columns:repeat(2,1fr)}.pp-grid{grid-template-columns:repeat(2,1fr)}.pp-hero{flex-direction:column;align-items:stretch}.pp-profile-card{min-width:0}.pp-section-title{display:block}.pp-section-title p{margin-top:10px}.pp-badge-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pp-shell{padding:16px 12px 40px}.pp-hero{padding:28px 22px;border-radius:22px}.pp-hero h1{font-size:38px}.pp-overview{grid-template-columns:1fr}.pp-apparatus{padding:20px 14px}.pp-level-tabs{grid-template-columns:1fr}.pp-grid{grid-template-columns:1fr}.pp-section-title h2{font-size:32px}.pp-progressmeta{gap:12px}.pp-achievement{align-items:flex-start;flex-wrap:wrap}.pp-badge-grid{grid-template-columns:1fr}}
.pp-hero-message{margin-top:18px;max-width:560px;font-size:14px;line-height:1.65;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.86)}
.pp-motivation{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:15px 17px;border-radius:15px;background:linear-gradient(135deg,#f5f7f0,#fffaf4);border:1px solid #dde2d4}.pp-motivation>span{width:28px;height:28px;min-width:28px;border-radius:50%;display:grid;place-items:center;background:var(--pp-sage);color:#fff;font-size:12px}.pp-motivation p{margin:3px 0 0;color:#5f635a;font-size:13px;line-height:1.55}
.pp-achievement{justify-content:flex-start;gap:20px}.pp-achievement-copy{display:flex;gap:12px;align-items:flex-start}.pp-achievement-copy b{font-size:23px}.pp-achievement-copy strong,.pp-achievement-copy span{display:block}.pp-achievement-copy span{margin-top:4px;line-height:1.45}