.chess-puzzles-page-container{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at center,var(--color-bg-primary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);color:var(--color-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.chess-puzzles-content{max-width:1000px;margin:100px auto 40px;padding:20px;display:flex;flex-direction:column;gap:40px}.hero-section{padding:60px 40px;text-align:center;border-radius:var(--radius-xl, 24px);background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:var(--shadow-board, 0 8px 32px 0 rgba(0, 0, 0, .37));display:flex;flex-direction:column;align-items:center;gap:24px}.hero-title{font-size:3.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.02em}.hero-description{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);max-width:700px;margin:0}.details-section{display:flex;flex-direction:column;gap:30px}.detail-card{padding:40px;border-radius:var(--radius-lg, 20px);background:var(--color-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);transition:transform var(--transition-normal, .3s) ease,background var(--transition-normal, .3s) ease}.detail-card:hover{transform:translateY(-5px);background:var(--color-surface-hover)}.section-title{font-size:2rem;color:var(--color-text-primary);margin-bottom:20px;display:flex;align-items:center;gap:12px}.section-title:before{content:"";width:4px;height:32px;background:var(--color-accent);border-radius:2px}.section-text{font-size:1.1rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.benefits-list li{font-size:1.1rem;color:var(--color-text-secondary);display:flex;align-items:flex-start;gap:12px;line-height:1.5}.benefits-list li:before{content:"✓";color:var(--color-accent);font-weight:700;font-size:1.2rem;flex-shrink:0}.cta-btn{padding:16px 36px;font-size:1.1rem;font-weight:600;border-radius:var(--radius-lg, 12px);border:none;cursor:pointer;transition:all var(--transition-normal, .3s) cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}.primary-cta{background:var(--color-accent);color:#fff;box-shadow:0 4px 15px #e945604d}[data-theme=light] .primary-cta{box-shadow:0 4px 15px #e9456033}.primary-cta:hover{transform:scale(1.05);background:var(--color-accent-hover);box-shadow:0 6px 20px #e9456066;filter:brightness(1.1)}[data-theme=light] .primary-cta:hover{box-shadow:0 6px 20px #e945604d}.secondary-cta{background:transparent;border:2px solid var(--color-accent);color:var(--color-accent)}.secondary-cta:hover{background:var(--color-accent);color:#fff;box-shadow:0 4px 15px #e945604d}.bottom-cta-container{display:flex;justify-content:center;margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .8s ease-out forwards}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.section-title{font-size:1.6rem}}