@import"https://fonts.cdnfonts.com/css/meta-pro";*,*:before,*:after{box-sizing:border-box}:root{--bg: #F5F1E8;--surface: #ffffff;--text: #111111;--text-muted: #555555;--primary: #000000;--primary-contrast: #ffffff;--outline: #D9D9D9;--success: #2e7d32;--success-contrast: #ffffff;--elevation-1: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 1px rgba(0, 0, 0, .04);--elevation-2: 0 4px 10px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--elevation-3: 0 10px 24px rgba(0, 0, 0, .16), 0 5px 12px rgba(0, 0, 0, .1);--radius-xl: 20px;--radius-md: 12px;--radius-sm: 10px;--transition-fast: .18s ease;--transition-medium: .26s ease}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Meta Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:Meta Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,Arial,sans-serif}img{max-width:100%;display:block}.app{min-height:100vh;display:grid;place-items:flex-start center;padding:16px}.card{width:100%;max-width:440px;height:640px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--elevation-3);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-medium),opacity var(--transition-medium),box-shadow var(--transition-medium);will-change:transform,opacity}.card--animating{transform:scale(.98);opacity:.85}.card__image{height:200px;width:100%;overflow:hidden;position:relative;background:#eee}.card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card__content{height:340px;padding:16px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.card__content h1,.card__content h2,.card__content h3{margin:0 0 8px}.card__content p{margin:0 0 12px;line-height:1.5;color:var(--text-muted);font-size:.98rem}.card__content .headline{font-size:1.85rem;line-height:1.2;letter-spacing:-.01em;color:var(--text);margin-bottom:8px;font-weight:800}.card__content .headline .title__image{justify-self:center;width:90%;margin:12px}.card__content .subtitle{font-size:1.05rem;color:var(--text-muted);font-weight:600;margin-bottom:12px}.card__content .highlight{background:var(--text);color:var(--primary-contrast);display:inline-block;padding:8px 12px;border-radius:var(--radius-md);font-weight:700;margin-bottom:14px}.card__content .list{display:grid;gap:4px}.card__content .list-item{background:#fafafa;border:1px solid var(--outline);border-radius:var(--radius-md);padding:6px;font-weight:400;color:var(--text)}.card__content .list-item p{margin:0}.card__content .centered{text-align:center}.positioning-diagram{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 14px}.positioning-diagram .circle{width:76px;height:76px;border-radius:50%;background:#dcdcdc;display:grid;place-items:center;font-size:.9rem;text-align:center;color:#333;font-weight:700}.positioning-diagram .circle.circle--premium{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--elevation-2)}.positioning-diagram .arrow{font-weight:700;color:#777}.card__footer{height:100px;border-top:1px solid var(--outline);background:#f9f9f9;display:flex;flex-direction:column;padding:10px 14px;gap:10px}.footer__top{display:flex;align-items:center;justify-content:space-between}.topic__number{width:56px;height:56px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;margin:0 auto 8px;font-weight:800;font-size:1rem}.progress-dots{display:flex;align-items:center;gap:2px;flex-wrap:wrap;max-width:calc(100% - 60px)}.dot{width:5px;height:5px;border-radius:50%;background:#c7c7c7;transition:background var(--transition-fast),transform var(--transition-fast)}.dot.active{background:var(--primary);transform:scale(1.3)}.progress-counter{font-size:.85rem;font-weight:600;color:var(--text);min-width:48px;text-align:right}.footer__buttons{display:flex;gap:10px;width:100%}.footer__buttons--stack{flex-direction:row}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:12px 14px;min-height:48px;font-weight:800;font-size:.98rem;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--elevation-1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn--full{width:100%}.btn--primary{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.btn--primary:hover{filter:brightness(.92);transform:translateY(-1px);box-shadow:var(--elevation-2)}.btn--outline{background:#fff;color:var(--text);border-color:var(--text)}.btn--outline:hover{background:#111;color:#fff;transform:translateY(-1px);box-shadow:var(--elevation-2)}.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:var(--elevation-1)!important}.btn:focus-visible{outline:2px solid #111111;outline-offset:2px;box-shadow:0 0 0 4px #0000001f}.quote{color:var(--text);font-style:italic;padding-left:.85rem;border-left:1px solid var(--text-muted);margin:0}.quote:before,.quote:after{position:absolute;color:#777}.test-options{display:flex;flex-direction:column;gap:5px}.test-option{border:1px solid #ccc;border-radius:8px;background:#fff;padding:5px;font-size:1rem;color:var(--text);font-weight:400;cursor:pointer;transition:background .5s,border .5s}.test-option.selected{border-color:#2e7d32;background:#e8f5e9}.test-option.wrong{border-color:#c62828;background:#ffebee}.test-option[disabled]{cursor:default;opacity:.6}.icon{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;display:inline-block}.m-0{margin:0}.mt-4{margin-top:16px}.mb-8{margin-bottom:32px}.text-center{text-align:center}.bold{font-weight:800}