body{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;animation:hero-shimmer 8s ease-in-out infinite}@keyframes hero-shimmer{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.3) saturate(1.2)}}.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}@media(min-width:2560px){.learn-hero h1{font-size:2rem}}.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}.value-stat{display:inline-block;background:var(--surface-1);padding:1rem 2rem;border-radius:10px;margin:.5rem;border:1px solid rgba(32,198,183,0.3)}.value-stat .number{font-size:2rem;font-weight:900;color:var(--teal);display:block}.value-stat .label{font-size:.9rem;color:var(--text-dim);display:block}.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: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}.polish-grid{grid-template-columns:1fr !important}.value-stat{display:block;margin:.5rem 0}}