@charset "UTF-8";.main-page h1,.main-page h2{text-align:center}.main-page p{font-size:17px}.sport-intro{background:#4bb6fa1a;border:1px solid #4bb6fa;border-radius:8px;padding:20px;margin-bottom:40px}.sport-intro p{margin:0;color:#e3e7ef;text-align:center;font-size:20px}.sport-links{display:grid;gap:12px}.sport-link{display:block;padding:12px 16px;background:#4bb6fa14;border:1px solid rgba(75,182,250,.2);border-radius:8px;color:#4bb6fa;font-weight:500;transition:all .2s ease}.sport-link:hover{background:#4bb6fa26;border-color:#4bb6fa;color:#6bd0ff;transform:translateY(-1px)}.sport-link:after{display:none}.daily-routine{background:#23283466;border:1px solid #313846;border-radius:12px;padding:24px}.routine-list{list-style:none;padding:0;margin:0 0 16px}.routine-list li{padding:8px 0 8px 20px;position:relative;color:#e3e7ef}.routine-note{color:#8891a6;font-style:italic;text-align:center;font-size:17px}@media (max-width: 900px){.sections{gap:24px}.daily-routine{padding:18px}}@media (max-width: 600px){.sport-links{gap:8px}.sport-link{padding:10px 12px;font-size:17px}}.library-list{list-style:none;padding:0;margin:0}.library-item{padding:16px 0;border-bottom:1px solid #313846}.library-item:last-child{border-bottom:none}.library-title,.library-link{font-weight:700;color:#4bb6fa;font-size:20px}.library-link:hover{color:#6bd0ff}.library-description{color:#8891a6;font-size:17px;margin-top:8px;line-height:1.5}.library-main-title{margin-bottom:32px;text-align:center}html,body{height:100%;margin:0;padding:0;background:#161a20;color:#e3e7ef;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:18px;line-height:1.65;letter-spacing:.01em;min-height:100vh}body{width:100vw;overflow-x:hidden}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1,h2,h3,h4{font-family:Georgia,Times New Roman,Times,serif;font-weight:700;letter-spacing:.01em;color:#e3e7ef}p,ul,ol,li,h1,h2,h3,h4{text-align:left}ul,ol{margin:1em 0 1em 2em;padding:0 0 0 1.5em;list-style-position:outside}.center{text-align:center}.display-none{display:none}a{color:#4bb6fa;text-decoration:none;position:relative}a:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:#4bb6fa;scale:0 1;transition:scale .22s}a:hover:after{scale:1 1}.blog-main{max-width:840px;margin:30px auto 0;padding:20px 20px 50px;border-radius:14px;box-shadow:0 0 56px #14161c99}.blog-main h1{margin-bottom:20px;font-size:37px}.blog-main h2{font-size:25px}.blog-main h3{font-size:21px}.blog-main h4{font-size:19px}.blog-main p{margin:0 auto;color:#8891a6;font-size:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.brand-header{text-align:center;margin:36px 0 24px;font-family:Georgia,serif;font-size:37px;color:#4bb6fa;letter-spacing:.015em;font-weight:700}.sections{display:grid;gap:32px;margin-bottom:40px}.sections .section{margin-bottom:40px}.sections .section:last-child{margin-bottom:0}.sections .section-title{font-family:Georgia,Times New Roman,Times,serif;font-size:25px;color:#4bb6fa;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #313846}@media (max-width: 900px){html,body{font-size:16px}.blog-main{padding:14px 2px}.brand-header,.blog-main h1{font-size:23px}.blog-main h2{font-size:19px}.blog-main h3{font-size:16px}}@media (max-width: 600px){html,body{font-size:14.5px}.blog-main{border-radius:0;padding:10px 1.5px 28px}.brand-header{font-size:17px;margin:28px 0 18px}.blog-main h1{font-size:16px}.blog-main h2{font-size:14px}.blog-main h3,.blog-main h4{font-size:13px}.blog-main p{font-size:13px;line-height:1.44;margin-bottom:.6em}#root{padding:.5rem}}
