:root{--color-bg:#fdfde8;--color-text:#333;--color-heading:#1a1a1a;--color-primary:#2563eb;--color-surface:#fff;--color-border:#e0e0e0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{background-color:var(--color-heading);color:var(--color-bg);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.nav-brand{font-size:1.5rem;font-weight:700}.nav-links a{color:#e0e0e0;margin-left:1.5rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.content-wrap{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:2rem}h1,h2,h3,h4{color:var(--color-heading);font-weight:700}.page{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem;transition:all .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.home-page .hero{text-align:center;padding:4rem 0}.home-page .hero h1{margin-bottom:1rem;font-size:3rem}.home-page .hero p{color:var(--color-text);margin-bottom:2rem;font-size:1.125rem}.btn-whatsapp{color:#fff;border-radius:var(--radius-md);background-color:#25d366;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn-whatsapp:hover{background-color:#128c7e}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.about-content{max-width:800px;margin:0 auto}.about-content .highlight-text{border-left:4px solid var(--color-primary);margin:2rem 0;padding-left:1.5rem;font-size:1.25rem;line-height:1.6}.timeline{margin:2rem 0;padding:0;list-style:none}.timeline li{margin-bottom:1.5rem;padding-left:2rem;position:relative}.timeline li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:0}.pricing-hero-section{text-align:center;margin-bottom:3rem}.pricing-hero-section h2{font-size:2.5rem}.billing-split-layout{grid-template-columns:1fr 380px;align-items:start;gap:2.5rem;display:grid}@media (width<=968px){.billing-split-layout{grid-template-columns:1fr}}.class-selection-directory{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem}.quick-action-bundle-btn{border-radius:var(--radius-md);cursor:pointer;background-color:#f0f0f0;border:1px dashed #ccc;width:100%;margin-bottom:1.5rem;padding:.75rem;font-weight:600;transition:background-color .2s}.quick-action-bundle-btn:hover{background-color:#e0e0e0}.dynamic-classes-grid{flex-direction:column;gap:1rem;display:flex}.interactive-class-row{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;padding:1.25rem;transition:all .2s;display:flex}.interactive-class-row:hover{border-color:var(--color-primary);background-color:#f5f5f5}.interactive-class-row.state-active-selected{border-color:var(--color-primary);background-color:#eef4ff}.checkbox-visual-indicator{border:2px solid #ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:1.25rem;display:flex}.interactive-class-row.state-active-selected .checkbox-visual-indicator{border-color:var(--color-primary)}.inner-indicator-dot{background-color:#0000;border-radius:50%;width:10px;height:10px}.interactive-class-row.state-active-selected .inner-indicator-dot{background-color:var(--color-primary)}.row-text-content h4{margin:0 0 .25rem;font-size:1.05rem}.row-text-content p{color:#666;margin:0;font-size:.9rem}.sticky-checkout-sidebar{position:sticky;top:2rem}.invoice-sticky-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem}.divider-line{background-color:var(--color-border);border:0;height:1px;margin:1.5rem 0}.invoice-metric-row{justify-content:space-between;margin-bottom:1rem;font-size:.95rem;display:flex}.final-total-display{font-size:1.5rem;font-weight:800}.discount-alert-badge{color:#15803d;border-radius:var(--radius-sm);text-align:center;background-color:#dcfce7;margin-top:1rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600}.checkout-primary-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;margin-top:1.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:opacity .2s}.checkout-primary-btn:disabled{color:#999;cursor:not-allowed;background-color:#ccc}.directory-header{text-align:center;margin-bottom:3rem}.directory-header h2{font-size:2.5rem}.resource-chapters-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.resource-chapter-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s,box-shadow .2s;overflow:hidden}.resource-chapter-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.card-graphic-placeholder-box{border-bottom:1px solid var(--color-border);background-color:#f5f5f5;justify-content:center;align-items:center;height:140px;display:flex}.document-icon-container,.lock-icon-container{color:var(--color-heading);font-size:3rem}.lock-icon-container{opacity:.5}.modifier-locked-card{opacity:.7}.card-descriptive-body{padding:1.5rem}.card-descriptive-body h4{margin:0 0 .5rem;font-size:1.1rem;line-height:1.4}.card-descriptive-body p{color:#666;margin:0 0 1rem;font-size:.9rem}.badge-status{border-radius:var(--radius-sm);padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-unlocked{color:#0369a1;background-color:#e0f2fe}.badge-locked{color:#b91c1c;background-color:#fee2e2}.modal-viewer-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-canvas-frame-container{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:800px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-canvas-top-bar{background-color:var(--color-heading);color:var(--color-bg);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-canvas-top-bar h3{margin:0;font-size:1.15rem}.close-canvas-x-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.embedded-document-viewport-box{background-color:#f5f5f5;justify-content:center;min-height:400px;padding:2.5rem;display:flex}.simulated-document-canvas-element{width:100%;max-width:550px;box-shadow:var(--shadow-md);box-sizing:border-box;background-color:#fff;padding:2rem}.canvas-header-strip{border-bottom:2px solid var(--color-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:.8rem;font-weight:700}.canvas-main-prose-text{font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.6}.viewport-navigation-footer-bar{border-top:1px solid var(--color-border);background-color:#fcfcfc;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.navigation-control-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;padding:.6rem 1.2rem;font-weight:500;transition:background-color .2s}.navigation-control-btn:hover:not(:disabled){background-color:#f5f5f5}.navigation-control-btn:disabled .navigation-control-btn:disabled{opacity:.5;cursor:not-allowed}