.ab-page{--ab-primary:#6355dc;--ab-primary-dark:#4a3db3;--ab-primary-light:#8b5cf6;--ab-secondary:#db2777;--ab-accent:#f59e0b;--ab-text:#1f2937;--ab-text-light:#4b5563;--ab-text-lighter:#9ca3af;--ab-bg:#fff;--ab-bg-alt:#f9fafb;--ab-border:#e5e7eb;--ab-border-soft:#f3f4f6;--ab-card-shadow:0 1px 3px #0000000d,0 10px 20px -5px #0000000d;--ab-card-hover-shadow:0 20px 25px -12px #0000001a;--ab-radius:16px;--ab-radius-sm:12px;--transition:all .2s ease}[data-theme=dark] .ab-page{--ab-primary:#8b5cf6;--ab-primary-dark:#7c3aed;--ab-text:#f3f4f6;--ab-text-light:#d1d5db;--ab-text-lighter:#6b7280;--ab-bg:#111827;--ab-bg-alt:#1f2937;--ab-border:#374151;--ab-border-soft:#1f2937}.ab-page:has(~[data-theme=dark]){--ab-primary:#8b5cf6;--ab-primary-dark:#7c3aed;--ab-text:#f3f4f6;--ab-text-light:#d1d5db;--ab-text-lighter:#6b7280;--ab-bg:#111827;--ab-bg-alt:#1f2937;--ab-border:#374151;--ab-border-soft:#1f2937}.ab-page{background:var(--ab-bg);max-width:1440px;color:var(--ab-text);margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}.ab-container{max-width:1200px;margin:0 auto;padding:0 24px}.ab-gradient-text{background:linear-gradient(135deg,var(--ab-primary),var(--ab-secondary));color:#0000;-webkit-background-clip:text;background-clip:text}.ab-section-title{text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,var(--ab-text),var(--ab-primary-light));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:700}@media (max-width:768px){.ab-section-title{font-size:1.5rem}}.ab-hero{text-align:center;background:linear-gradient(135deg,#6355dc0d,#db277705);padding:4rem 0 3rem}.ab-hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}@media (max-width:768px){.ab-hero-title{font-size:2rem}}.ab-hero-description{color:var(--ab-text-light);max-width:700px;margin:0 auto 2rem;font-size:1.25rem}.ab-hero-note{color:var(--ab-text-lighter);margin-top:1rem;font-size:.875rem}.ab-btn{transition:var(--transition);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.ab-btn-primary{background:linear-gradient(135deg,var(--ab-primary),var(--ab-primary-dark));color:#fff;box-shadow:0 4px 12px #6355dc40}.ab-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6355dc59}.ab-btn-secondary{color:var(--ab-primary);border:1.5px solid var(--ab-primary);background:0 0}.ab-btn-secondary:hover{background:#6355dc0d;transform:translateY(-1px)}.ab-btn-white{color:var(--ab-primary-dark);background:#fff;box-shadow:0 4px 12px #0000001a}.ab-btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.ab-btn-large{padding:14px 32px;font-size:1.125rem}.ab-btn-md{padding:10px 20px;font-size:.875rem}.ab-btn-sm{padding:8px 16px;font-size:.875rem}.ab-prompt-section{background:var(--ab-bg-alt);padding:2rem 0}.ab-prompt-card{background:var(--ab-bg);border-radius:var(--ab-radius);box-shadow:var(--ab-card-shadow);border:1px solid var(--ab-border);padding:2rem}.ab-prompt-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.ab-prompt-textarea{border:1px solid var(--ab-border);border-radius:var(--ab-radius-sm);resize:vertical;background:var(--ab-bg);width:100%;color:var(--ab-text);transition:var(--transition);padding:1rem;font-family:inherit;font-size:.875rem}.ab-prompt-textarea:focus{border-color:var(--ab-primary);outline:none;box-shadow:0 0 0 3px #6355dc1a}.ab-prompt-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.ab-prompt-note{color:var(--ab-text-lighter);text-align:center;margin-top:1rem;font-size:.75rem}.ab-grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.ab-card{background:var(--ab-bg);border:1px solid var(--ab-border);border-radius:var(--ab-radius);transition:var(--transition);color:inherit;padding:1.5rem;text-decoration:none;display:block}.ab-card:hover{box-shadow:var(--ab-card-hover-shadow);border-color:var(--ab-primary-light);transform:translateY(-4px)}.ab-card-icon{margin-bottom:1rem;font-size:2rem}.ab-card-title{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.ab-card-text{color:var(--ab-text-light);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.ab-card-link{color:var(--ab-primary);font-size:.875rem;font-weight:600;text-decoration:none}.ab-card-link:hover{text-decoration:underline}.ab-section{padding:4rem 0}.ab-section-alt{background:var(--ab-bg-alt)}.ab-examples-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.ab-example-card{background:var(--ab-bg);border-radius:var(--ab-radius);border:1px solid var(--ab-border);padding:1.5rem;overflow:hidden}.ab-example-audio{margin-bottom:1rem}.ab-audio-player{border-radius:20px;width:100%;height:40px}.ab-example-title{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.ab-example-text{color:var(--ab-text-light);margin-bottom:1rem;font-size:.875rem;font-style:italic;line-height:1.6}.ab-example-meta{color:var(--ab-text-lighter);flex-wrap:wrap;gap:1rem;font-size:.75rem;display:flex}.ab-steps{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.ab-step{align-items:flex-start;gap:1rem;display:flex}.ab-step-number{background:linear-gradient(135deg,var(--ab-primary),var(--ab-primary-dark));color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;font-weight:700;display:flex}.ab-step-content{flex:1}.ab-step-title{margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.ab-step-text{color:var(--ab-text-light);font-size:.875rem}.ab-steps-cta{text-align:center;margin-top:2rem}.ab-practices-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.ab-practice{background:var(--ab-bg);border-radius:var(--ab-radius);border-left:4px solid var(--ab-primary);padding:1.5rem}.ab-practice-title{margin-bottom:.5rem;font-size:1rem;font-weight:700}.ab-practice-text{color:var(--ab-text-light);font-size:.875rem;line-height:1.6}.ab-mistakes-list{flex-direction:column;gap:1rem;display:flex}.ab-mistake{background:var(--ab-bg);border-radius:var(--ab-radius-sm);border:1px solid var(--ab-border);gap:1rem;padding:1.25rem;display:flex}.ab-mistake-icon{flex-shrink:0;font-size:1.5rem}.ab-mistake-content{flex:1}.ab-mistake-title{margin-bottom:.25rem;font-size:1rem;font-weight:600}.ab-mistake-text{color:var(--ab-text-light);font-size:.875rem}.ab-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.ab-advanced-card{background:var(--ab-bg);border-radius:var(--ab-radius);text-align:center;border:1px solid var(--ab-border);padding:1.5rem}.ab-advanced-icon{margin-bottom:.75rem;font-size:2rem;display:block}.ab-advanced-title{margin-bottom:.5rem;font-size:1rem;font-weight:700}.ab-advanced-text{color:var(--ab-text-light);font-size:.875rem;line-height:1.5}.ab-faq{max-width:800px;margin:0 auto}.ab-faq-item{border-bottom:1px solid var(--ab-border);padding:.5rem 0}.ab-faq-item details{cursor:pointer}.ab-faq-item summary{justify-content:space-between;align-items:center;padding:1rem 0;font-weight:600;list-style:none;display:flex}.ab-faq-item summary::-webkit-details-marker{display:none}.ab-faq-item summary:after{content:"+";font-size:1.25rem;font-weight:400}.ab-faq-item details[open] summary:after{content:"−"}.ab-faq-item p{color:var(--ab-text-light);margin:0;padding-bottom:1rem;font-size:.875rem;line-height:1.6}.ab-internal-links{background:linear-gradient(135deg,#6355dc08,#db277705)}.ab-links-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.ab-internal-link{background:var(--ab-bg);border:1px solid var(--ab-border);color:var(--ab-text);transition:var(--transition);border-radius:9999px;align-items:center;gap:8px;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;display:flex}.ab-internal-link:hover{border-color:var(--ab-primary);color:var(--ab-primary);transform:translate(4px)}.ab-internal-link-highlight{border-color:var(--ab-primary);background:linear-gradient(135deg,#6355dc1a,#8b5cf60d);font-weight:600}.ab-cta-banner{background:linear-gradient(135deg,var(--ab-primary),var(--ab-secondary));color:#fff;text-align:center;padding:4rem 0}.ab-cta-banner-inner{max-width:800px;margin:0 auto}.ab-cta-banner-title{margin-bottom:1rem;font-size:2rem;font-weight:700}.ab-cta-banner-text{opacity:.9;margin-bottom:2rem;font-size:1.125rem}.ab-cta-banner-note{opacity:.8;margin-top:1rem;font-size:.875rem}@media (max-width:768px){.ab-container{padding:0 16px}.ab-section{padding:3rem 0}.ab-hero{padding:3rem 0 2rem}.ab-prompt-card{padding:1.25rem}.ab-grid-3{gap:1rem}.ab-step{flex-direction:column;align-items:flex-start}.ab-mistake{flex-direction:column}.ab-cta-banner-title{font-size:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ab-card,.ab-example-card,.ab-practice,.ab-mistake,.ab-advanced-card{animation:.4s ease-out forwards fadeInUp}