body.bravura-learn{background:linear-gradient(180deg,var(--bg-ink) 0,var(--bg-ink-2) 50%,var(--bg-ink-3) 100%);color:var(--text);padding-top:100px}.learn-hero{background:linear-gradient(transparent 98%,rgba(255,255,255,0.02) 98%),linear-gradient(90deg,transparent 98%,rgba(255,255,255,0.02) 98%),linear-gradient(135deg,rgba(32,198,183,0.15) 0,rgba(21,158,144,0.1) 35%,rgba(246,182,69,0.1) 65%,rgba(242,132,46,0.15) 100%),linear-gradient(180deg,#0b1115 0,#0e1419 50%,#12171e 100%);background-size:40px 40px,40px 40px,100% 100%,100% 100%;padding:4rem 2rem;text-align:center;border-bottom:2px solid rgba(246,182,69,0.3);margin:20px 0 3rem;width:100%;border:1px solid rgba(32,198,183,0.2);position:relative;overflow:hidden}.learn-hero h1{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--teal),var(--gold),var(--orange));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;position:relative;z-index:1;filter:brightness(1.4);text-shadow:0 2px 12px rgba(246,182,69,0.3);overflow:visible;max-width:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.learn-hero .container{overflow:visible}.learn-hero p.lead{font-size:clamp(1rem,1.1vw,1.2rem);color:rgba(255,255,255,0.95);max-width:900px;margin:0 auto 2rem;position:relative;z-index:1;text-shadow:0 1px 4px rgba(0,0,0,0.3);line-height:1.6}.content-section{padding:3rem 0;border-bottom:1px solid rgba(255,255,255,0.1)}.content-section:last-child{border-bottom:0}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--teal),var(--gold));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1.2rem;color:var(--text-dim);margin-bottom:2rem}.info-card{background:linear-gradient(135deg,var(--surface-1),var(--surface-2));border:1px solid rgba(32,198,183,0.2);border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 24px rgba(0,0,0,0.3);transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(32,198,183,0.2);border-color:var(--teal)}.info-card h3{color:var(--teal);font-weight:700;margin-bottom:1rem;font-size:1.5rem}.info-card p{color:var(--text-dim);line-height:1.8;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.feature-item{background:var(--surface-1);border-left:4px solid var(--gold);padding:1.5rem;border-radius:8px;transition:all .3s ease}.feature-item:hover{background:var(--surface-2);border-left-color:var(--teal);transform:translateX(5px)}.feature-item h4{color:var(--gold);font-weight:600;margin-bottom:.5rem}.feature-item p{color:var(--text-dim);margin:0;font-size:.95rem}.comparison-table{background:var(--surface-1);border-radius:15px;overflow:hidden;margin:2rem 0;border:1px solid rgba(32,198,183,0.2)}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table thead{background:linear-gradient(135deg,var(--teal),var(--gold))}.comparison-table th{padding:1rem;text-align:left;font-weight:700;color:white}.comparison-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,0.1);color:var(--text)}.comparison-table tbody tr:hover{background:rgba(32,198,183,0.1)}.highlight-box{background:linear-gradient(135deg,rgba(32,198,183,0.15),rgba(246,182,69,0.15));border:2px solid var(--gold);border-radius:15px;padding:2rem;margin:2rem 0;text-align:center}.highlight-box h3{font-size:2rem;font-weight:800;color:var(--gold);margin-bottom:1rem}.highlight-box p{font-size:1.1rem;color:var(--text);margin:0}.row{display:flex;flex-wrap:wrap;gap:2rem}.col-md-4{flex:1 1 calc(33.333% - 1.34rem);min-width:0}.col-md-6{flex:1 1 calc(50% - 1rem);min-width:0}.value-stat{display:block;text-align:center;background:var(--surface-1);padding:1.5rem 2rem;border-radius:10px;border:1px solid rgba(32,198,183,0.3);transition:all .3s ease}.value-stat:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 8px 24px rgba(32,198,183,0.15)}.value-stat .number{font-size:2.5rem;font-weight:900;color:var(--teal);display:block;line-height:1.2}.value-stat .label{font-size:.9rem;color:var(--text-dim);display:block;margin-top:.25rem}.info-card ul,.feature-item ul,.content-section ul{padding-left:1.5rem;margin:.75rem 0 0}.info-card li,.feature-item li,.content-section li{color:var(--text-dim);line-height:1.8;padding-left:.25rem}.cta-inline-btn{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--teal),var(--gold));color:white;font-weight:700;font-size:1.1rem;border-radius:10px;text-decoration:none;margin-top:1.5rem;transition:all .3s ease;box-shadow:0 4px 16px rgba(32,198,183,0.3)}.cta-inline-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(32,198,183,0.4)}.cta-section{background:linear-gradient(135deg,var(--teal),var(--gold));padding:3rem 2rem;border-radius:15px;text-align:center;margin:3rem 0}.cta-section h2{color:white;font-size:2.5rem;font-weight:900;margin-bottom:1rem}.cta-section p{color:rgba(255,255,255,0.9);font-size:1.2rem;margin-bottom:2rem}.cta-section .btn{background:white;color:var(--teal);padding:1rem 3rem;font-size:1.2rem;font-weight:700;border-radius:10px;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 8px 24px rgba(0,0,0,0.3)}.cta-section .btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.4)}.code-example{background:#1e1e1e;border:1px solid rgba(32,198,183,0.3);border-radius:10px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;font-family:'Courier New',monospace;font-size:.9rem}.code-example code{color:#d4d4d4}.code-keyword{color:#569cd6}.code-string{color:#ce9178}.code-function{color:#dcdcaa}.code-comment{color:#6a9955}@media(max-width:1440px){.learn-hero h1{font-size:2.1rem}.section-title{font-size:2.2rem}}@media(max-width:1024px){.learn-hero{padding:3rem 1.5rem}.content-section{padding:2rem 0}}@media(max-width:768px){.learn-hero h1{font-size:2rem}.learn-hero p.lead{font-size:1rem}.section-title{font-size:1.8rem}.feature-grid{grid-template-columns:1fr}.row{flex-direction:column;gap:1.5rem}.col-md-4,.col-md-6{flex:1 1 100%}}@media(max-width:480px){.learn-hero{padding:2rem 1rem;margin:10px 0 2rem}.learn-hero h1{font-size:1.6rem}.section-title{font-size:1.5rem}.info-card,.highlight-box{padding:1.5rem}.cta-section h2{font-size:1.75rem}.cta-section .btn{padding:.875rem 2rem;font-size:1rem}}@media(min-width:2560px){.learn-hero h1{font-size:2rem}}