.cheat-sheet-page{min-height:100vh;background:linear-gradient(to bottom,var(--background-dark,#1a1a2e),#0f0f1a);padding:2rem 1rem}.cheat-sheet-container{max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary,rgba(255,255,255,.7));text-decoration:none;font-size:.875rem;margin-bottom:1.5rem;transition:color .2s ease}.back-link:hover{color:var(--primary-color,#4d88ff)}.page-header h1{font-size:2.5rem;color:var(--text-primary,#fff);margin:0 0 1rem}.page-subtitle{color:var(--text-secondary,rgba(255,255,255,.7));font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.6}.cheat-sheet-tips{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.cheat-sheet-tips h2{font-size:1.5rem;color:var(--text-primary,#fff);margin:0 0 1.5rem;text-align:center}.tips-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tips-grid{grid-template-columns:repeat(4,1fr)}}.tip-card{padding:1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:8px}.tip-card h3{color:var(--primary-color,#4d88ff);font-size:1rem;margin:0 0 .5rem}.tip-card p{color:var(--text-secondary,rgba(255,255,255,.7));font-size:.875rem;margin:0;line-height:1.5}.cta-section{margin-top:3rem;padding:2.5rem;background:rgba(77,136,255,.1);border:1px solid rgba(77,136,255,.2);border-radius:12px;text-align:center}.cta-section h2{color:var(--text-primary,#fff);font-size:1.5rem;margin:0 0 .75rem}.cta-section>p{color:var(--text-secondary,rgba(255,255,255,.7));margin:0 0 1.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s ease}.cta-button.primary{background:var(--primary-color,#4d88ff);color:white}.cta-button.primary:hover{background:#3d78ef;transform:translateY(-2px)}.cta-button.secondary{background:rgba(255,255,255,.1);color:var(--text-primary,#fff);border:1px solid rgba(255,255,255,.2)}.cta-button.secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}@media (max-width:640px){.page-header h1{font-size:1.75rem}.page-subtitle{font-size:1rem}}