.training-hero{color:#fff;isolation:isolate;background:radial-gradient(at 100% 0,#5c4a27 0%,#0000 55%),linear-gradient(120deg,#101112,#202020);border-radius:24px;padding:clamp(24px,4vw,48px);position:relative;overflow:hidden}.training-hero:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.training-orbit{opacity:.5;border:1px solid #fde68a25;border-radius:50%;place-items:center;width:300px;height:300px;animation:36s linear infinite training-orbit;display:grid;position:absolute;top:calc(50% - 150px);right:-35px}.training-orbit:before,.training-orbit:after{content:"";border:1px dashed #fde68a40;border-radius:50%;position:absolute;inset:30px}.training-orbit:after{border-style:solid;inset:70px}.training-orbit svg{stroke-width:.5px;color:#fde68a;width:100px;height:100px}.training-orbit span,.training-orbit i{background:#fde68a;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:50%;box-shadow:0 0 24px #fde68a80}.training-orbit i{top:auto;bottom:28px;left:24%}.training-action{transition:transform .2s,box-shadow .2s}.training-action:hover{transform:translateY(-3px);box-shadow:0 8px 28px #fde68a25}.insight-panel{border:1px solid var(--surface-border);background:var(--card);border-radius:24px;box-shadow:0 10px 30px -24px #0005}.progress-orbit{flex-shrink:0;width:132px;height:132px;position:relative}.progress-orbit svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.ring-track,.ring-value{fill:none;stroke-width:7px}.ring-track{stroke:var(--surface-border)}.ring-value{stroke:#b99545;stroke-linecap:round;animation:1.2s ease-out both training-ring}.insight-bar{transform-origin:0;animation:.9s cubic-bezier(.22,1,.36,1) both training-grow;animation-delay:calc(var(--step,0) * 90ms);background:linear-gradient(90deg,#a27d35,#e2c888)}.training-page{animation:.45s ease-out both training-enter}.training-page section,.training-page article,.insight-metric{animation:.55s ease-out both training-enter;animation-delay:calc(var(--step,0) * 65ms)}.training-page article{transition:transform .2s,box-shadow .2s}.training-page article:hover{transform:translateY(-3px);box-shadow:0 12px 32px -20px #0006}.training-page section:nth-of-type(2){animation-delay:70ms}.training-page section:nth-of-type(3){animation-delay:.14s}@keyframes training-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes training-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes training-ring{0%{stroke-dasharray:0 100}}@keyframes training-orbit{to{transform:rotate(360deg)}}@media (width<=640px){.training-orbit{opacity:.25;right:-180px}.progress-orbit{width:100px;height:100px}}@media (prefers-reduced-motion:reduce){.training-page,.training-page section,.training-page article,.training-orbit,.insight-metric,.insight-bar,.ring-value{animation:none!important}.training-page *,.training-action{transition:none!important}.training-page article:hover,.training-action:hover{transform:none}}
