.learn-page{color:#fff;background:linear-gradient(#0a1628 0%,#0f1d32 50%,#0a1628 100%);min-height:100vh}.learn-hero{justify-content:center;align-items:center;min-height:50vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.learn-hero-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.learn-hero-overlay{pointer-events:none;background:radial-gradient(#0000 0%,#0a1628cc 70%);width:100%;height:100%;position:absolute;top:0;left:0}.learn-hero-content{z-index:2;text-align:center;max-width:800px;margin:0 auto;position:relative}.learn-hero-badge{background:#5c2d9126;border:1px solid #5c2d914d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;display:inline-flex}.badge-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.badge-icon svg{stroke:#d4af37;width:14px;height:14px}.badge-text{color:#ffffffe6;letter-spacing:.5px;font-size:.85rem;font-weight:500}.learn-hero-title{background:linear-gradient(135deg,#fff 0%,#fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.1}.learn-hero-title .gradient-text{background:linear-gradient(135deg,#5c2d91 0%,#d4af37 50%,#e91e8c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.learn-hero-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.7}.learn-videos{padding:10rem 0 6rem}.learn-videos .container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{color:#fff9;max-width:500px;margin:0 auto;font-size:1.1rem}.videos-grid{grid-template-columns:1fr;gap:2.5rem;max-width:900px;margin:0 auto;display:grid}.video-card-featured{grid-column:1/-1}.video-card-featured .video-wrapper{padding-top:28%}.video-card-featured .video-content{padding:2.5rem}.video-card-featured .video-title{font-size:1.6rem}.video-card-featured .video-number{color:#d4af3726;font-size:5rem}.video-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:20px;transition:all .4s;overflow:hidden}.video-card:hover{border-color:#5c2d9166;transform:translateY(-8px);box-shadow:0 25px 60px #5c2d9126}.video-wrapper{background:#000;width:100%;padding-top:28%;position:relative}.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-overlay-top{z-index:2;pointer-events:auto;background:linear-gradient(#000 0% 85%,#0000 100%);height:80px;position:absolute;top:0;left:0;right:0}.video-overlay-bottom{z-index:2;pointer-events:auto;background:linear-gradient(#0000 0%,#000 30% 100%);height:60px;position:absolute;bottom:0;left:0;right:0}.video-content{padding:2rem;position:relative}.video-number{color:#5c2d9126;font-size:4rem;font-weight:800;line-height:1;position:absolute;top:-1.5rem;right:2rem}.video-title{color:#fff;margin-bottom:1rem;font-size:1.35rem;font-weight:600;line-height:1.3}.video-description{color:#fff9;font-size:.95rem;line-height:1.7}.learn-topics{background:linear-gradient(#0000 0%,#5c2d910d 50%,#0000 100%);padding:4rem 0}.learn-topics .container{max-width:1000px;margin:0 auto;padding:0 2rem}.topics-content{text-align:center}.topics-content h3{color:#fff;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.topics-grid{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.topic-tag{color:#fffc;background:#5c2d911a;border:1px solid #5c2d9140;border-radius:50px;padding:.6rem 1.25rem;font-size:.9rem;transition:all .3s}.topic-tag:hover{background:#5c2d9133;border-color:#5c2d9166;transform:translateY(-2px)}.learn-cta{padding:4rem 0 6rem}.learn-cta .container{max-width:1000px;margin:0 auto;padding:0 2rem}.cta-content{background:linear-gradient(135deg,#5c2d9126 0%,#d4af3714 100%);border:1px solid #5c2d9140;border-radius:24px;justify-content:space-between;align-items:center;gap:2rem;padding:3rem;display:flex}.cta-text h3{color:#fff;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.cta-text p{color:#fff9;font-size:1rem}.learn-btn-primary{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#5c2d91 0%,#7b3db5 100%);border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.learn-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #5c2d9166}.learn-btn-primary svg{width:18px;height:18px;transition:transform .3s}.learn-btn-primary:hover svg{transform:translate(4px)}@media (max-width:992px){.learn-hero-title{font-size:2.75rem}.videos-grid{grid-template-columns:1fr;max-width:650px;margin:0 auto}}@media (max-width:768px){.learn-hero{min-height:40vh;padding:7rem 1.5rem 3rem}.learn-hero-title{font-size:2.25rem}.learn-hero-subtitle{font-size:1rem}.section-title{font-size:2rem}.cta-content{text-align:center;flex-direction:column;padding:2.5rem 1.5rem}.cta-text h3{font-size:1.5rem}}@media (max-width:480px){.learn-hero-title{font-size:1.85rem}.videos-grid{grid-template-columns:1fr}.video-content{padding:1.5rem}.video-title{font-size:1.15rem}.video-number{font-size:3rem;right:1.5rem}}