.learning-page{--learning-primary:#2563eb;--learning-primary-soft:#dbeafe;--learning-bg-soft:#f8fafc;--learning-border:#e5e7eb;--learning-text-muted:#475569;--learning-container:1200px;--learning-header-offset:120px;color:#0f172a;background:#fff;font-family:system-ui,sans-serif;line-height:1.75}.learning-page *,.learning-page :before,.learning-page :after{box-sizing:border-box}.learning-hero{color:#fff;background:linear-gradient(135deg,#020617,#1e40af);padding:clamp(4.5rem,8vw,6.5rem) 1.25rem}.learning-hero-content{text-align:center;max-width:900px;margin:auto}.learning-btn-primary{background:var(--learning-primary);color:#fff;border-radius:8px;margin-top:2rem;padding:.9rem 2.4rem;font-weight:600;text-decoration:none;display:inline-flex}.learning-wrapper{max-width:var(--learning-container);grid-template-columns:280px 1fr;gap:clamp(2.5rem,5vw,4rem);margin:auto;padding:clamp(3.5rem,6vw,5.5rem) 1.25rem;display:grid}.learning-sidebar{top:var(--learning-header-offset);background:var(--learning-bg-soft);border:1px solid var(--learning-border);border-radius:14px;padding:1.6rem;position:sticky}.learning-sidebar h3{text-transform:uppercase;letter-spacing:.05em;color:var(--learning-text-muted);margin-bottom:1rem;font-size:.85rem}.learning-sidebar nav{flex-direction:column;gap:.5rem;display:flex}.learning-sidebar nav a{color:#0f172a;border-left:3px solid #0000;border-radius:8px;padding:.7rem .9rem;font-size:.92rem;text-decoration:none}.learning-sidebar nav a:hover{background:var(--learning-primary-soft);color:var(--learning-primary);border-left-color:var(--learning-primary)}.learning-content{max-width:860px}.learning-card{border:1px solid var(--learning-border);border-radius:18px;margin-bottom:4.5rem;padding:2.5rem}.learning-card p{color:var(--learning-text-muted)}.learning-card ul{margin:1.2rem 0;padding-left:1.25rem}.learning-card ul li{margin-bottom:.6rem}.learning-card{scroll-margin-top:var(--learning-header-offset)}.learning-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#020617,#1e3a8a);padding:clamp(4.5rem,7vw,6.5rem) 1.25rem}@media (max-width:900px){.learning-wrapper{grid-template-columns:1fr}.learning-sidebar{margin-bottom:2.5rem;position:static}}@media (max-width:500px){.learning-hero-content h1{font-size:1.5rem}}